imio.smartweb.core 1.3.9__py3-none-any.whl → 1.4.1__py3-none-any.whl

imio/smartweb/core/webcomponents/src/components/Annuaire/ContactContent/ContactContent.jsx

@@ -61,6 +61,63 @@ const ContactContent = ({ queryUrl, onChange, contextAuthenticatedUser }) => {
         }
     }, [item]);
 
+    useEffect(() => {
+        if (!item || !item.title) return;
+        document.title = item.title;
+    
+        const ogImageWidth = image?.width || "";
+        const ogImageHeight = image?.height || "";
+    
+        // Liste complète de toutes les balises possibles
+        const allMetaProps = [
+            { name: "description" },
+            { property: "og:title" },
+            { property: "og:description" },
+            { property: "og:url" },
+            { property: "og:type" },
+            { property: "og:image" },
+            { property: "og:image:type" },
+            { property: "og:image:alt" },
+            { property: "og:image:width" },
+            { property: "og:image:height" },
+        ];
+    
+        // Supprime les anciennes balises
+        allMetaProps.forEach(({ name, property }) => {
+            const selector = name ? `meta[name="${name}"]` : `meta[property="${property}"]`;
+            const existing = document.head.querySelector(selector);
+            if (existing) {
+                document.head.removeChild(existing);
+            }
+        });
+    
+        // Recrée les balises à jour
+        const metaUpdates = [
+            { name: "description", content: [item.subtitle, item.description].filter(Boolean).join(" - ") },
+            { property: "og:title", content: item.title },
+            { property: "og:description", content: [item.subtitle, item.description].filter(Boolean).join(" - ") },
+            { property: "og:url", content: typeof window !== "undefined" ? window.location.href : "" },
+            { property: "og:type", content: "profile" },
+        ];
+    
+        if (item.image_affiche_scale) {
+            metaUpdates.push({ property: "og:image", content: item.image_affiche_scale });
+    
+            if (ogImageWidth && ogImageHeight) {
+                metaUpdates.push({ property: "og:image:width", content: ogImageWidth });
+                metaUpdates.push({ property: "og:image:height", content: ogImageHeight });
+            }
+        }
+    
+        metaUpdates.forEach(({ name, property, content }) => {
+            const tag = document.createElement("meta");
+            if (name) tag.setAttribute("name", name);
+            if (property) tag.setAttribute("property", property);
+            tag.setAttribute("content", content);
+            document.head.appendChild(tag);
+        });
+    }, [item, image]);
+
     // set social link
     useEffect(() => {
         item.urls && setSocial(item.urls.filter((urls) => urls.type !== "website"));

imio/smartweb/core/webcomponents/src/components/Annuaire/ContactList/ContactList.jsx

@@ -18,6 +18,53 @@ const ContactList = ({ contactArray, onChange, onHover, contextAuthenticatedUser
     useEffect(() => {
         window.scrollTo({ top: scrollPos, left: 0, behavior: "instant" });
     }, [contactArray]);
+
+    useEffect(() => {
+        // Liste complète de toutes les balises possibles
+        const allMetaProps = [
+            { name: "description" },
+            { property: "og:title" },
+            { property: "og:description" },
+            { property: "og:url" },
+            { property: "og:type" },
+            { property: "og:image" },
+            { property: "og:image:type" },
+            { property: "og:image:alt" },
+            { property: "og:image:width" },
+            { property: "og:image:height" },
+        ];
+    
+        // Supprime les anciennes balises
+        allMetaProps.forEach(({ name, property }) => {
+            const selector = name ? `meta[name="${name}"]` : `meta[property="${property}"]`;
+            const existing = document.head.querySelector(selector);
+            if (existing) {
+                document.head.removeChild(existing);
+            }
+        });
+
+        const metaUpdates = [
+            { name: "description", content: "Annuaire" },
+            { property: "og:title", content: "Annuaire" },
+            { property: "og:description", content: "Annuaire" },
+            { property: "og:url", content: typeof window !== "undefined" ? window.location.href : "" },
+            { property: "og:type", content: "website" },
+        ];
+
+        metaUpdates.forEach(({ name, property, content }) => {
+            const selector = name ? `meta[name="${name}"]` : `meta[property="${property}"]`;
+            let tag = document.head.querySelector(selector);
+
+            if (!tag) {
+                tag = document.createElement("meta");
+                if (name) tag.setAttribute("name", name);
+                if (property) tag.setAttribute("property", property);
+                document.head.appendChild(tag);
+            }
+
+            tag.setAttribute("content", content);
+        });
+    }, []);
     return (
         <React.Fragment>
             <ul className="r-result-list annuaire-result-list">

imio/smartweb/core/webcomponents/src/components/Events/EventContent/EventContent.jsx

@@ -22,6 +22,7 @@ const ContactContent = ({ queryUrl, onChange, onlyPastEvents, contextAuthenticat
     const [recurence, setRecurence] = useState([]);
     const [files, setFiles] = useState();
     const [gallery, setGallery] = useState();
+    const [image, setImage] = useState();
     const [isSchedulVisible, setSchedulVisibility] = useState(false);
     const modalRef = useRef();
     const { response, error, isLoading } = useAxios(
@@ -75,6 +76,74 @@ const ContactContent = ({ queryUrl, onChange, onlyPastEvents, contextAuthenticat
         onChange(null);
     }
 
+    // set image
+    useEffect(() => {
+        if (item.image_affiche_scale) {
+            const img = new Image();
+            img.src = item.image_affiche_scale;
+            img.onload = () => {
+                setImage(img);
+            };
+        }
+    }, [item]);
+
+    useEffect(() => {
+        if (!item || !item.title) return;
+        document.title = item.title;
+    
+        const ogImageWidth = image?.width || "";
+        const ogImageHeight = image?.height || "";
+    
+        // Liste complète de toutes les balises possibles
+        const allMetaProps = [
+            { name: "description" },
+            { property: "og:title" },
+            { property: "og:description" },
+            { property: "og:url" },
+            { property: "og:type" },
+            { property: "og:image" },
+            { property: "og:image:type" },
+            { property: "og:image:alt" },
+            { property: "og:image:width" },
+            { property: "og:image:height" },
+        ];
+    
+        // Supprime les anciennes balises
+        allMetaProps.forEach(({ name, property }) => {
+            const selector = name ? `meta[name="${name}"]` : `meta[property="${property}"]`;
+            const existing = document.head.querySelector(selector);
+            if (existing) {
+                document.head.removeChild(existing);
+            }
+        });
+    
+        // Recrée les balises à jour
+        const metaUpdates = [
+            { name: "description", content: [item.subtitle, item.description].filter(Boolean).join(" - ") },
+            { property: "og:title", content: item.title },
+            { property: "og:description", content: [item.subtitle, item.description].filter(Boolean).join(" - ") },
+            { property: "og:url", content: typeof window !== "undefined" ? window.location.href : "" },
+            { property: "og:type", content: "event" },
+        ];
+    
+        if (item.image_affiche_scale) {
+            metaUpdates.push({ property: "og:image", content: item.image_affiche_scale });
+    
+            if (ogImageWidth && ogImageHeight) {
+                metaUpdates.push({ property: "og:image:width", content: ogImageWidth });
+                metaUpdates.push({ property: "og:image:height", content: ogImageHeight });
+            }
+        }
+    
+        metaUpdates.forEach(({ name, property, content }) => {
+            const tag = document.createElement("meta");
+            if (name) tag.setAttribute("name", name);
+            if (property) tag.setAttribute("property", property);
+            tag.setAttribute("content", content);
+            document.head.appendChild(tag);
+        });
+    }, [item, image]);
+
     // ref to toggle
 
     useEffect(() => {

imio/smartweb/core/webcomponents/src/components/Events/EventList/EventList.jsx

@@ -25,6 +25,53 @@ const ContactList = ({
         window.scrollTo({ top: scrollPos, left: 0, behavior: "instant" });
     }, [itemsArray]);
 
+    useEffect(() => {
+        // Liste complète de toutes les balises possibles
+        const allMetaProps = [
+            { name: "description" },
+            { property: "og:title" },
+            { property: "og:description" },
+            { property: "og:url" },
+            { property: "og:type" },
+            { property: "og:image" },
+            { property: "og:image:type" },
+            { property: "og:image:alt" },
+            { property: "og:image:width" },
+            { property: "og:image:height" },
+        ];
+    
+        // Supprime les anciennes balises
+        allMetaProps.forEach(({ name, property }) => {
+            const selector = name ? `meta[name="${name}"]` : `meta[property="${property}"]`;
+            const existing = document.head.querySelector(selector);
+            if (existing) {
+                document.head.removeChild(existing);
+            }
+        });
+
+        const metaUpdates = [
+            { name: "description", content: "Agenda" },
+            { property: "og:title", content: "Agenda" },
+            { property: "og:description", content: "Agenda" },
+            { property: "og:url", content: typeof window !== "undefined" ? window.location.href : "" },
+            { property: "og:type", content: "website" },
+        ];
+
+        metaUpdates.forEach(({ name, property, content }) => {
+            const selector = name ? `meta[name="${name}"]` : `meta[property="${property}"]`;
+            let tag = document.head.querySelector(selector);
+
+            if (!tag) {
+                tag = document.createElement("meta");
+                if (name) tag.setAttribute("name", name);
+                if (property) tag.setAttribute("property", property);
+                document.head.appendChild(tag);
+            }
+
+            tag.setAttribute("content", content);
+        });
+    }, []);
+
     return (
         <React.Fragment>
             <ul className="r-result-list event-result-list">

imio/smartweb/core/webcomponents/src/components/News/NewsContent/NewsContent.jsx

@@ -17,6 +17,7 @@ const ContactContent = ({ queryUrl, onChange, contextAuthenticatedUser }) => {
     const [params, setParams] = useState(parsed2);
     const [item, setitem] = useState({});
     const [files, setFiles] = useState(null);
+    const [image, setImage] = useState();
     const [gallery, setGallery] = useState();
     const { response, error, isLoading } = useAxios(
         {
@@ -71,6 +72,74 @@ const ContactContent = ({ queryUrl, onChange, contextAuthenticatedUser }) => {
     const created = moment(item.created).startOf("minute").fromNow();
     const lastModified = moment(item.modified).startOf("minute").fromNow();
 
+    // set image
+    useEffect(() => {
+        if (item.image_affiche_scale) {
+            const img = new Image();
+            img.src = item.image_affiche_scale;
+            img.onload = () => {
+                setImage(img);
+            };
+        }
+    }, [item]);
+
+    useEffect(() => {
+        if (!item || !item.title) return;
+        document.title = item.title;
+    
+        const ogImageWidth = image?.width || "";
+        const ogImageHeight = image?.height || "";
+    
+        // Liste complète de toutes les balises possibles
+        const allMetaProps = [
+            { name: "description" },
+            { property: "og:title" },
+            { property: "og:description" },
+            { property: "og:url" },
+            { property: "og:type" },
+            { property: "og:image" },
+            { property: "og:image:type" },
+            { property: "og:image:alt" },
+            { property: "og:image:width" },
+            { property: "og:image:height" },
+        ];
+    
+        // Supprime les anciennes balises
+        allMetaProps.forEach(({ name, property }) => {
+            const selector = name ? `meta[name="${name}"]` : `meta[property="${property}"]`;
+            const existing = document.head.querySelector(selector);
+            if (existing) {
+                document.head.removeChild(existing);
+            }
+        });
+    
+        // Recrée les balises à jour
+        const metaUpdates = [
+            { name: "description", content: [item.subtitle, item.description].filter(Boolean).join(" - ") },
+            { property: "og:title", content: item.title },
+            { property: "og:description", content: [item.subtitle, item.description].filter(Boolean).join(" - ") },
+            { property: "og:url", content: typeof window !== "undefined" ? window.location.href : "" },
+            { property: "og:type", content: "event" },
+        ];
+    
+        if (item.image_affiche_scale) {
+            metaUpdates.push({ property: "og:image", content: item.image_affiche_scale });
+    
+            if (ogImageWidth && ogImageHeight) {
+                metaUpdates.push({ property: "og:image:width", content: ogImageWidth });
+                metaUpdates.push({ property: "og:image:height", content: ogImageHeight });
+            }
+        }
+    
+        metaUpdates.forEach(({ name, property, content }) => {
+            const tag = document.createElement("meta");
+            if (name) tag.setAttribute("name", name);
+            if (property) tag.setAttribute("property", property);
+            tag.setAttribute("content", content);
+            document.head.appendChild(tag);
+        });
+    }, [item, image]);
+
     return isLoading ? (
         <div className="lds-roller-container">
             <Translate text="Chargement..." />

imio/smartweb/core/webcomponents/src/components/News/NewsList/NewsList.jsx

@@ -14,6 +14,54 @@ const NewsList = ({ itemsArray, onChange, showCategoriesOrTopics, contextAuthent
     useEffect(() => {
         window.scrollTo({ top: scrollPos, left: 0, behavior: "instant" });
     }, [itemsArray]);
+
+    useEffect(() => {
+        // Liste complète de toutes les balises possibles
+        const allMetaProps = [
+            { name: "description" },
+            { property: "og:title" },
+            { property: "og:description" },
+            { property: "og:url" },
+            { property: "og:type" },
+            { property: "og:image" },
+            { property: "og:image:type" },
+            { property: "og:image:alt" },
+            { property: "og:image:width" },
+            { property: "og:image:height" },
+        ];
+    
+        // Supprime les anciennes balises
+        allMetaProps.forEach(({ name, property }) => {
+            const selector = name ? `meta[name="${name}"]` : `meta[property="${property}"]`;
+            const existing = document.head.querySelector(selector);
+            if (existing) {
+                document.head.removeChild(existing);
+            }
+        });
+
+        const metaUpdates = [
+            { name: "description", content: "Actualités" },
+            { property: "og:title", content: "Actualités" },
+            { property: "og:description", content: "Actualtés" },
+            { property: "og:url", content: typeof window !== "undefined" ? window.location.href : "" },
+            { property: "og:type", content: "website" },
+        ];
+
+        metaUpdates.forEach(({ name, property, content }) => {
+            const selector = name ? `meta[name="${name}"]` : `meta[property="${property}"]`;
+            let tag = document.head.querySelector(selector);
+
+            if (!tag) {
+                tag = document.createElement("meta");
+                if (name) tag.setAttribute("name", name);
+                if (property) tag.setAttribute("property", property);
+                document.head.appendChild(tag);
+            }
+
+            tag.setAttribute("content", content);
+        });
+    }, []);
+    
     return (
         <React.Fragment>
             <ul className="r-result-list actu-result-list">

{imio.smartweb.core-1.3.9.dist-info → imio_smartweb_core-1.4.1.dist-info}/METADATA

@@ -1,6 +1,6 @@
-Metadata-Version: 2.1
+Metadata-Version: 2.4
 Name: imio.smartweb.core
-Version: 1.3.9
+Version: 1.4.1
 Summary: Core product for iMio websites
 Home-page: https://github.com/imio/imio.smartweb.core
 Author: Christophe Boulanger
@@ -15,11 +15,13 @@ Classifier: Environment :: Web Environment
 Classifier: Framework :: Plone
 Classifier: Framework :: Plone :: Addon
 Classifier: Framework :: Plone :: 6.0
+Classifier: Framework :: Plone :: 6.1
 Classifier: Programming Language :: Python
 Classifier: Programming Language :: Python :: 3
 Classifier: Programming Language :: Python :: 3.10
 Classifier: Programming Language :: Python :: 3.11
 Classifier: Programming Language :: Python :: 3.12
+Classifier: Programming Language :: Python :: 3.13
 Classifier: Operating System :: OS Independent
 Classifier: License :: OSI Approved :: GNU General Public License v2 (GPLv2)
 Requires-Python: >=3.10
@@ -29,6 +31,7 @@ Requires-Dist: setuptools
 Requires-Dist: z3c.jbot
 Requires-Dist: z3c.unconfigure
 Requires-Dist: plone.api>=1.8.4
+Requires-Dist: plone.app.discussion
 Requires-Dist: plone.gallery
 Requires-Dist: plone.restapi
 Requires-Dist: plone.app.dexterity
@@ -49,6 +52,7 @@ Requires-Dist: more-itertools
 Requires-Dist: imio.smartweb.common
 Requires-Dist: imio.smartweb.locales
 Provides-Extra: test
+Requires-Dist: mock; extra == "test"
 Requires-Dist: plone.app.testing; extra == "test"
 Requires-Dist: plone.testing>=5.0.0; extra == "test"
 Requires-Dist: plone.app.contenttypes; extra == "test"
@@ -57,6 +61,19 @@ Requires-Dist: plone.restapi[test]; extra == "test"
 Requires-Dist: requests-mock; extra == "test"
 Requires-Dist: beautifulsoup4; extra == "test"
 Requires-Dist: freezegun; extra == "test"
+Dynamic: author
+Dynamic: author-email
+Dynamic: classifier
+Dynamic: description
+Dynamic: home-page
+Dynamic: keywords
+Dynamic: license
+Dynamic: license-file
+Dynamic: project-url
+Dynamic: provides-extra
+Dynamic: requires-dist
+Dynamic: requires-python
+Dynamic: summary
 
 .. This README is meant for consumption by humans and pypi. Pypi can render rst files so please do not use Sphinx features.
    If you want to learn more about writing documentation, please check out: http://docs.plone.org/about/documentation_styleguide.html
@@ -191,6 +208,39 @@ Changelog
 =========
 
 
+1.4.1 (2025-05-14)
+------------------
+
+- WEB-4165 : Add the React script to manage og tags in other views (Agenda / News)
+  [boulch]
+
+- WEB-4165 : Refactoring : Don't use react-helmet/react-helmet-async anymore to manage og tags in directory view
+  because of duplicated og:tags. Favor for creating og:tags in header viewlet (SSR) and update it thanks to REACT script  
+  [boulch]
+
+- WEB-4165 : Add react-helmet pakcage (6.1.0) to manage og tags in directory view
+  [boulch]
+
+
+1.4 (2025-05-06)
+----------------
+
+- Override singlecheckboxtool_hidden.pt to restore the "hidden" type to the hidden checkboxes
+  This is a temporary fix, we will issue a PR to fix this en plone.app.z3cform
+  See https://github.com/plone/plone.app.z3cform/commit/6351cf60d408d4a76743741db45093c8e5a1c4de
+  [remdub]
+
+- GHA tests on Python 3.10 3.11, 3.12 and 3.13
+  [remdub]
+
+- Update Python classifiers to be compatible with Plone 6.1 and Python 3.13
+  [remdub]
+
+- Remove obsolete and unused portal_properties in view_section template
+  PropertiesTool is removed in Plone 6.1
+  [bsuttor, remdub]
+
+
 1.3.9 (2025-04-23)
 ------------------
 
@@ -261,7 +311,7 @@ Changelog
   Prevent some basic stupid and wicked attack
   [boulch]
 
-- Ideabox : Add status for vote 
+- Ideabox : Add status for vote
   [thomlamb]
 
 
@@ -288,7 +338,7 @@ Changelog
   [thomlamb]
 
 - WEB-4231 : Prevent issues in research when default (agenda, news, directory) views objects were removed
-  [boulch] 
+  [boulch]
 
 
 1.3 (2025-03-04)
@@ -429,7 +479,7 @@ Changelog
 -------------------
 
 - WEB-4199 : Fix missing contacts when there are more contacts than default Plone batching
-  [boulch] 
+  [boulch]
 
 - Replace url by social icon in contact section
   [thomlamb]
@@ -476,11 +526,11 @@ Changelog
 
 - WEB-4024 : Add React event files size
   [thomlamb]
-  
-- WEB-4027 : Add linkedin icon and change Twitter icon to X icon 
+
+- WEB-4027 : Add linkedin icon and change Twitter icon to X icon
   [thomlamb]
 
-- WEB-4146 : Replace created by effective date in news cards 
+- WEB-4146 : Replace created by effective date in news cards
   [thomlamb]