@treely/strapi-slices 7.9.0 → 7.11.0

package/dist/components/SEOTags/SEOTags.d.ts

@@ -1,4 +1,6 @@
 import React from 'react';
+import { Article, BlogPosting, Brand, BreadcrumbList, Event, FAQPage, HowTo, LocalBusiness, Offer, Organization, Person, Product, Service, WebPage, WithContext } from 'schema-dts';
+type SupportedSchemaType = Article | BlogPosting | Brand | BreadcrumbList | Event | FAQPage | HowTo | LocalBusiness | Offer | Organization | Person | Product | Service | WebPage;
 interface SEOTagsProps {
     title: string;
     description: string;
@@ -9,6 +11,14 @@ interface SEOTagsProps {
     metaTitleSuffix?: string;
     favicon?: string;
     domain?: string;
+    /**
+     * Structured data for SEO purposes, following the schema.org standard.
+     * This can be a single schema object or an array of schema objects.
+     * Each object must include an `@context` property set to "https://schema.org"
+     * and an `@type` property indicating the type of schema (e.g., Article, Product).
+     * The schema falls back to the default schema if it is invalid.
+     */
+    schemaMarkup?: WithContext<SupportedSchemaType> | WithContext<SupportedSchemaType>[];
 }
 export declare const SEOTags: React.FC<SEOTagsProps>;
 export {};

package/dist/strapi-slices.cjs.development.js

@@ -903,6 +903,86 @@ var PreviewAlert = function PreviewAlert() {
   }));
 };
 
+// Helper function to convert SchemaValue to string
+var getTextValue = function getTextValue(value) {
+  if (typeof value === 'string') return value;
+  if (typeof value === 'object' && value !== null && 'text' in value) {
+    return value.text;
+  }
+  return '';
+};
+// Helper function to safely access properties from a schema
+var getSchemaProperty = function getSchemaProperty(schema, property) {
+  return getTextValue(schema[property]) || '';
+};
+// Helper function to get a unique identifier from a schema
+var getSchemaIdentifier = function getSchemaIdentifier(schema) {
+  var _offer$price;
+  var type = schema['@type'];
+  switch (type) {
+    case 'Organization':
+      return getSchemaProperty(schema, 'name') || 'default';
+    case 'Article':
+    case 'BlogPosting':
+      return getSchemaProperty(schema, 'headline') || 'untitled-article';
+    case 'Product':
+      return getSchemaProperty(schema, 'name') || 'untitled-product';
+    case 'Person':
+      return getSchemaProperty(schema, 'name') || 'unnamed-person';
+    case 'Event':
+      return getSchemaProperty(schema, 'name') || 'untitled-event';
+    case 'LocalBusiness':
+      return getSchemaProperty(schema, 'name') || 'unnamed-business';
+    case 'Service':
+      return getSchemaProperty(schema, 'name') || 'unnamed-service';
+    case 'Brand':
+      return getSchemaProperty(schema, 'name') || 'unnamed-brand';
+    case 'FAQPage':
+      return 'faq-page';
+    case 'HowTo':
+      return getSchemaProperty(schema, 'name') || 'untitled-howto';
+    case 'BreadcrumbList':
+      return 'breadcrumbs';
+    case 'Offer':
+      var offer = schema;
+      return "offer-" + ((_offer$price = offer.price) != null ? _offer$price : 'unknown-price');
+    case 'WebPage':
+      return getSchemaProperty(schema, 'name') || 'untitled-page';
+    default:
+      return 'unknown-schema';
+  }
+};
+var validateSchema = function validateSchema(schema) {
+  if (Array.isArray(schema)) {
+    return schema.every(function (item) {
+      return item['@context'] === 'https://schema.org' && '@type' in item;
+    });
+  }
+  return schema['@context'] === 'https://schema.org' && '@type' in schema;
+};
+var DEFAULT_SCHEMA = {
+  '@context': 'https://schema.org',
+  '@type': 'Organization',
+  name: 'Tree.ly',
+  url: 'https://tree.ly',
+  logo: 'https://cdn.tree.ly/logo.png',
+  address: {
+    '@type': 'PostalAddress',
+    streetAddress: 'Littengasse 2b/c',
+    addressLocality: 'Dornbirn',
+    postalCode: '6850',
+    addressRegion: 'Vorarlberg',
+    addressCountry: 'AT'
+  },
+  contactPoint: {
+    '@type': 'ContactPoint',
+    telephone: '+43-5572-432015',
+    contactType: 'Customer Service',
+    areaServed: 'AT',
+    availableLanguage: ['English', 'German']
+  },
+  sameAs: ['https://www.linkedin.com/company/tree-ly', 'https://www.facebook.com/treely', 'https://www.instagram.com/treely']
+};
 var SEOTags = function SEOTags(_ref) {
   var _shareImage$url, _shareImage$alt;
   var title = _ref.title,
@@ -913,9 +993,24 @@ var SEOTags = function SEOTags(_ref) {
     _ref$favicon = _ref.favicon,
     favicon = _ref$favicon === void 0 ? 'https://cdn.tree.ly/favicon.ico' : _ref$favicon,
     _ref$domain = _ref.domain,
-    domain = _ref$domain === void 0 ? 'tree.ly' : _ref$domain;
+    domain = _ref$domain === void 0 ? 'tree.ly' : _ref$domain,
+    schemaMarkup = _ref.schemaMarkup;
   var shareImageUrl = (_shareImage$url = shareImage == null ? void 0 : shareImage.url) != null ? _shareImage$url : DEFAULT_SHARE_IMAGE;
   var shareImageAlt = (_shareImage$alt = shareImage == null ? void 0 : shareImage.alt) != null ? _shareImage$alt : DEFAULT_SHARE_ALT;
+  var schemas = schemaMarkup || DEFAULT_SCHEMA;
+  var isValidSchema = validateSchema(schemas);
+  if (schemaMarkup && !isValidSchema) {
+    console.warn('Invalid schema markup provided to SEOTags component. Falling back to default schema.', schemaMarkup);
+    schemas = DEFAULT_SCHEMA;
+    isValidSchema = true;
+  }
+  var schemaArray = Array.isArray(schemas) ? schemas : [schemas];
+  var getSchemaKey = function getSchemaKey(schema, index) {
+    var type = schema['@type'];
+    var identifier = getSchemaIdentifier(schema);
+    // Add index to ensure uniqueness, especially for fallback identifiers
+    return type + "-" + identifier + "-" + index;
+  };
   return React__default.default.createElement(Head__default.default, null, React__default.default.createElement("title", null, title + " - " + metaTitleSuffix), React__default.default.createElement("meta", {
     name: "description",
     content: description
@@ -961,6 +1056,14 @@ var SEOTags = function SEOTags(_ref) {
   }), React__default.default.createElement("meta", {
     name: "twitter:image:alt",
     content: shareImageAlt
+  }), isValidSchema && schemaArray.map(function (schema, index) {
+    return React__default.default.createElement("script", {
+      key: getSchemaKey(schema, index),
+      type: "application/ld+json",
+      dangerouslySetInnerHTML: {
+        __html: JSON.stringify(schema)
+      }
+    });
   }));
 };
 
@@ -3681,7 +3784,7 @@ var ProjectsMap = function ProjectsMap(_ref) {
       client.createRoot(ref.current).render(React__default.default.createElement(MinimalProviders, {
         locale: locale
       }, React__default.default.createElement(MapMarker, {
-        title: project.title,
+        title: project.friendlyName || project.title,
         isPublic: project.isPublic,
         portfolioHost: project.portfolioHost,
         slug: project.slug,