io-sanita-theme 2.4.3 → 2.5.0

package/CHANGELOG.md

@@ -1,5 +1,11 @@
 # Changelog
 
+## [2.5.0](https://github.com/RedTurtle/io-sanita-theme/compare/2.4.3...2.5.0) (2025-03-05)
+
+### Features
+
+* SchemaOrg implementation ([8cf0ce8](https://github.com/RedTurtle/io-sanita-theme/commit/8cf0ce8fa754ee4923027bbe60a6cd5712b62d7f))
+
 ## [2.4.3](https://github.com/RedTurtle/io-sanita-theme/compare/2.4.2...2.4.3) (2025-03-04)
 
 ### Bug Fixes

package/RELEASE.md

@@ -41,6 +41,12 @@
 - ...
  -->
 
+## Versione 2.5.0 (05/03/2025)
+
+### Novità
+
+- implementato lo Schema.org per la homepage del sito
+
 ## Versione 2.4.2 (04/03/2025)
 
 ### Fix

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "io-sanita-theme",
-  "version": "2.4.3",
+  "version": "2.5.0",
   "description": "io-sanita-theme: Volto add-on",
   "main": "src/index.js",
   "license": "MIT",

package/src/components/AppExtras/GenericAppExtras.jsx

@@ -6,6 +6,7 @@ import Helmet from '@plone/volto/helpers/Helmet/Helmet';
 import { toPublicURL } from '@plone/volto/helpers/Url/Url';
 import { SubsiteLoader } from 'volto-subsites';
 import config from '@plone/volto/registry';
+import HomeSchemaOrg from 'io-sanita-theme/components/Home/HomeSchemaOrg';
 
 const GenericAppExtras = (props) => {
   const location = useLocation();
@@ -23,6 +24,7 @@ const GenericAppExtras = (props) => {
         <link rel="canonical" href={toPublicURL(location.pathname)} />{' '}
         {/** Se impostato un canonlical nei campi SEO della pagina vincerà quello */}
       </Helmet>
+      <HomeSchemaOrg {...props} />
       <ScrollToTop />
       <SubsiteLoader pathname={location.pathname} />
     </>

package/src/components/Blocks/QuickSearch/Body.jsx

@@ -32,7 +32,6 @@ const Body = ({ data, id, isEditMode }) => {
     }
   }, [searchableText]);
 
-  console.log(data.quick_links);
   return (
     <div
       className={cx(

package/src/components/Home/HomeSchemaOrg.jsx

@@ -0,0 +1,31 @@
+import { useIntl } from 'react-intl';
+import { toPublicURL } from '@plone/volto/helpers';
+import { SiteProperty } from 'volto-site-settings';
+import { SchemaOrg, getSiteProperty } from 'io-sanita-theme/helpers';
+
+const HomeSchemaOrg = ({ content }) => {
+  const intl = useIntl();
+  let schemaOrg = null;
+  if (content['@type'] == 'Plone Site' || content['@type'] == 'LRF') {
+    const name = SiteProperty({
+      property: 'site_title',
+      defaultValue: getSiteProperty('siteTitle', intl.locale),
+      getValue: true,
+    });
+    const description = SiteProperty({
+      property: 'site_subtitle',
+      defaultValue: getSiteProperty('siteSubtitle', intl.locale),
+      getValue: true,
+    });
+
+    schemaOrg = {
+      '@type': 'MedicalOrganization',
+      name: name,
+      description: description,
+      url: toPublicURL(content['@id']),
+    };
+  }
+  return schemaOrg ? <SchemaOrg schema={schemaOrg} /> : <></>;
+};
+
+export default HomeSchemaOrg;

package/src/helpers/SchemaOrg/SchemaOrg.jsx

@@ -0,0 +1,50 @@
+import { useIntl } from 'react-intl';
+import { Helmet } from '@plone/volto/helpers';
+import { SiteProperty } from 'volto-site-settings';
+import { getSiteProperty } from 'io-sanita-theme/helpers';
+
+const fieldDataToPlainText = (field) => {
+  return field.blocks_layout.items.reduce((accumulator, item, index) => {
+    if (field.blocks[item]['@type'] === 'text') {
+      if (index > 0) accumulator += ' ';
+      accumulator += field.blocks[item].text?.blocks[0].text ?? '';
+    }
+    if (field.blocks[item]['@type'] === 'slate') {
+      if (index > 0) accumulator += ' ';
+      accumulator += field.blocks[item].plaintext ?? '';
+    }
+    return accumulator;
+  }, '');
+};
+
+const getSiteTitle = () => {
+  const intl = useIntl();
+  let siteTitle = SiteProperty({
+    property: 'site_title',
+    getValue: true,
+    defaultTitle: getSiteProperty('siteTitle', intl.locale),
+  });
+  return siteTitle?.replaceAll('\\n', ' - ') ?? '';
+};
+
+const SchemaOrg = ({ content, schema = {} }) => {
+  let schemaOrg = {
+    '@context': 'https://schema.org',
+    name: content.title,
+    ...schema,
+  };
+
+  return (
+    <Helmet>
+      <script type="application/ld+json" data-element="metatag">
+        {JSON.stringify(schemaOrg)}
+      </script>
+    </Helmet>
+  );
+};
+
+export default SchemaOrg;
+export const SchemaOrgUtils = {
+  getSiteTitle,
+  fieldDataToPlainText,
+};

package/src/helpers/index.js

@@ -1,3 +1,5 @@
+import { SchemaOrgUtils } from './SchemaOrg/SchemaOrg';
+
 export { getSiteProperty } from 'io-sanita-theme/helpers/config';
 export {
   viewDate,
@@ -74,3 +76,8 @@ export { getItemIcon, hasGeolocation } from 'io-sanita-theme/helpers/Item/item';
 
 //registry
 export { getComponentWithFallback } from 'io-sanita-theme/helpers/registry';
+
+//schemaOrg
+export SchemaOrg, {
+  SchemaOrgUtils,
+} from 'io-sanita-theme/helpers/SchemaOrg/SchemaOrg';