@anywayseo/tools 6.1.0 → 6.2.0

package/dist/components/index.cjs

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const index = require("../index-C93pA9Jv.js");
+const index = require("../index-ISfgFSXE.js");
 const index$1 = require("../index-CxuOu0E2.js");
 const index$2 = require("../index-DDg_PkD2.js");
 const index$3 = require("../index-DAPaiozu.js");

package/dist/components/index.mjs

@@ -1,4 +1,4 @@
-import { A, a, b, c, n, o, d, B, e, C, r, q, F, f, g, G, h, i, j, p, H, I, L, N, s, P, S, k, T, l, t, m } from "../index-BBU_vIrY.mjs";
+import { A, a, b, c, n, o, d, B, e, C, r, q, F, f, g, G, h, i, j, p, H, I, L, N, s, P, S, k, T, l, t, m } from "../index-BtS01kyg.mjs";
 import { C as C2, a as a2, b as b2, L as L2, c as c2, R, S as S2, d as d2 } from "../index-2sU4ya6z.mjs";
 import { H as H2, a as a3, b as b3, O, P as P2, U } from "../index-BEjKnOZA.mjs";
 import { I as I2, L as L3 } from "../index-B5WurBlm.mjs";

package/dist/components/seo/href-langs/index.d.ts

@@ -1,8 +1,8 @@
 import { FC } from 'react';
-import { IHrefLang } from '../../../types';
+import { ISeo } from '../../../types';
 type HrefLangsProps = {
     siteName: string;
-    hrefLangs: IHrefLang[];
+    hrefLangs: ISeo['hrefLangs'];
 };
 declare const HrefLangs: FC<HrefLangsProps>;
 export default HrefLangs;

package/dist/components/seo/index.d.ts

@@ -1,13 +1,7 @@
 import { FC, PropsWithChildren } from 'react';
-import { SeoCanonical, SeoDescription, SeoHrefLangs, SeoLocale, SeoStructuredData, SeoTitle } from './types';
-type SeoProps = PropsWithChildren<{
+import { ISeo } from '../../types';
+type SeoProps = PropsWithChildren<ISeo & {
     pathname: Location['pathname'];
-    locale?: SeoLocale;
-    title?: SeoTitle;
-    description?: SeoDescription;
-    canonicalUrl?: SeoCanonical;
-    hrefLangs?: SeoHrefLangs;
-    structuredData?: SeoStructuredData;
 }>;
 declare const Seo: FC<SeoProps>;
 export default Seo;

package/dist/components/seo/open-graph/index.d.ts

@@ -0,0 +1,8 @@
+import { FC } from 'react';
+import { IOpenGraph, IOpenGraphMetaItem } from '../../../types';
+type OpenGraphProps = {
+    meta: IOpenGraphMetaItem[];
+    options?: IOpenGraph['options'];
+};
+declare const OpenGraph: FC<OpenGraphProps>;
+export default OpenGraph;

package/dist/components/seo/utils.d.ts

@@ -1,3 +1,3 @@
-import { ISeoMetaItemPlaceholders, SeoDescription, SeoTitle } from './types';
+import { ISeoMetaItemPlaceholders, SeoMetaItem } from '../../types';
 export declare function buildPlaceholders(siteName: string, lang: string): ISeoMetaItemPlaceholders;
-export declare function getSeoMetaItem<T extends SeoTitle | SeoDescription>(item: NonNullable<T>, placeholders: ISeoMetaItemPlaceholders): string;
+export declare function getSeoMetaItem<T extends SeoMetaItem>(item: NonNullable<T>, placeholders: ISeoMetaItemPlaceholders): string;

package/dist/{index-MnQnVvsM.mjs → index-B--qmL1V.mjs}

@@ -1,5 +1,5 @@
 import { i as isRelativePath } from "./index-CQC6DRGf.mjs";
-import { c as isStrapiPageContext, b as isStrapiPageData, i as isStrapiContent, a as isStrapiRichText } from "./index-CoNbTY7l.mjs";
+import { c as isStrapiPageContext, b as isStrapiPageData, i as isStrapiContent, a as isStrapiRichText } from "./index-BTfTkIed.mjs";
 const DUMMY_PAGE_TYPE = "DUMMY";
 const NavigationSlug = {
   HEADER: "header-navigation",
@@ -125,33 +125,33 @@ function extractReview(content, seo, createdAt, updatedAt) {
   }
   return null;
 }
-function extractSeoData(pageData, pageContext) {
-  const result = {
-    locale: null,
-    meta: { title: null, description: null },
-    canonicalUrl: null,
-    hrefLangs: [],
-    structuredData: null
-  };
+function buildSeoFromStrapi(pageData, pageContext) {
+  const result = {};
   if (isStrapiPageContext(pageContext)) {
-    result.hrefLangs = pageContext.hrefLangs ?? [];
+    result.hrefLangs = pageContext.hrefLangs;
   }
   if (isStrapiPageData(pageData)) {
     const { locale, seo, canonicalUrl, author, content, createdAt, updatedAt } = pageData ?? {};
     const { metaTitle, metaDescription } = seo ?? {};
-    result.locale = locale ?? null;
-    result.canonicalUrl = canonicalUrl ?? null;
+    result.lang = locale;
+    result.canonicalUrl = canonicalUrl;
     result.meta = { title: metaTitle ?? null, description: metaDescription ?? null };
     const structuredDataContent = {};
+    const openGraphContent = {};
     if (isStrapiContent(content)) {
       const review = extractReview(content, seo ?? null, createdAt ?? null, updatedAt ?? null);
       const game = extractGame(content);
       if (review && game) {
         structuredDataContent.review = review;
         structuredDataContent.game = game;
+        openGraphContent.article = {
+          createdAt: review.publishedAt,
+          updatedAt: review.updatedAt || review.publishedAt
+        };
         const reviewAuthor = extractAuthor(author ?? null);
         if (reviewAuthor) {
           structuredDataContent.author = reviewAuthor;
+          openGraphContent.article.author = reviewAuthor.name;
         }
       }
     }
@@ -160,6 +160,10 @@ function extractSeoData(pageData, pageContext) {
       entity: "game-review",
       content: structuredDataContent
     } : null;
+    result.openGraph = openGraphContent ? {
+      options: { withTwitterCard: true },
+      content: openGraphContent
+    } : null;
   }
   return result;
 }
@@ -193,6 +197,6 @@ export {
   getLocale as a,
   getLocales as b,
   getNavigation as c,
-  extractSeoData as e,
+  buildSeoFromStrapi as d,
   getSiteName as g
 };

package/dist/{index-P_fDAJVz.js → index-BKWX6mIo.js}

@@ -1,6 +1,6 @@
 "use strict";
 const index = require("./index-CAjUjAgI.js");
-const index$1 = require("./index-CnVcCa5O.js");
+const index$1 = require("./index-DHKoOk4o.js");
 const DUMMY_PAGE_TYPE = "DUMMY";
 const NavigationSlug = {
   HEADER: "header-navigation",
@@ -126,33 +126,33 @@ function extractReview(content, seo, createdAt, updatedAt) {
   }
   return null;
 }
-function extractSeoData(pageData, pageContext) {
-  const result = {
-    locale: null,
-    meta: { title: null, description: null },
-    canonicalUrl: null,
-    hrefLangs: [],
-    structuredData: null
-  };
+function buildSeoFromStrapi(pageData, pageContext) {
+  const result = {};
   if (index$1.isStrapiPageContext(pageContext)) {
-    result.hrefLangs = pageContext.hrefLangs ?? [];
+    result.hrefLangs = pageContext.hrefLangs;
   }
   if (index$1.isStrapiPageData(pageData)) {
     const { locale, seo, canonicalUrl, author, content, createdAt, updatedAt } = pageData ?? {};
     const { metaTitle, metaDescription } = seo ?? {};
-    result.locale = locale ?? null;
-    result.canonicalUrl = canonicalUrl ?? null;
+    result.lang = locale;
+    result.canonicalUrl = canonicalUrl;
     result.meta = { title: metaTitle ?? null, description: metaDescription ?? null };
     const structuredDataContent = {};
+    const openGraphContent = {};
     if (index$1.isStrapiContent(content)) {
       const review = extractReview(content, seo ?? null, createdAt ?? null, updatedAt ?? null);
       const game = extractGame(content);
       if (review && game) {
         structuredDataContent.review = review;
         structuredDataContent.game = game;
+        openGraphContent.article = {
+          createdAt: review.publishedAt,
+          updatedAt: review.updatedAt || review.publishedAt
+        };
         const reviewAuthor = extractAuthor(author ?? null);
         if (reviewAuthor) {
           structuredDataContent.author = reviewAuthor;
+          openGraphContent.article.author = reviewAuthor.name;
         }
       }
     }
@@ -161,6 +161,10 @@ function extractSeoData(pageData, pageContext) {
       entity: "game-review",
       content: structuredDataContent
     } : null;
+    result.openGraph = openGraphContent ? {
+      options: { withTwitterCard: true },
+      content: openGraphContent
+    } : null;
   }
   return result;
 }
@@ -190,7 +194,7 @@ function getLocales(defaultLocaleCode, locales) {
     return 0;
   });
 }
-exports.extractSeoData = extractSeoData;
+exports.buildSeoFromStrapi = buildSeoFromStrapi;
 exports.getLocale = getLocale;
 exports.getLocales = getLocales;
 exports.getNavigation = getNavigation;

package/dist/{index-CoNbTY7l.mjs → index-BTfTkIed.mjs}

@@ -124,6 +124,53 @@ function buildGameReviewSchema(params) {
     }
   };
 }
+function buildOpenGraphMeta(params) {
+  const { site, page, lang, content } = params;
+  const { article, image } = content ?? {};
+  const type = article ? "article" : "website";
+  const meta = [
+    { property: "og:site_name", content: site.name },
+    { property: "og:locale", content: lang },
+    { property: "og:type", content: type },
+    { property: "og:url", content: page.url },
+    { property: "og:title", content: page.title },
+    { property: "og:description", content: page.description }
+  ];
+  if (image) {
+    const imageMeta = [
+      { property: "og:image", content: image.url },
+      { property: "og:image:alt", content: image.alt }
+    ];
+    if (image.width && image.height) {
+      imageMeta.push(
+        { property: "og:image:width", content: String(image.width) },
+        { property: "og:image:height", content: String(image.height) }
+      );
+    }
+    meta.push(...imageMeta);
+  }
+  if (article) {
+    const articleMeta = [
+      { property: "og:article:published_time", content: article.createdAt },
+      { property: "og:article:modified_time", content: article.updatedAt }
+    ];
+    if (article.author) {
+      articleMeta.push({ property: "og:article:author", content: article.author });
+    }
+    if (article.section) {
+      articleMeta.push({ property: "og:article:section", content: article.section });
+    }
+    if (article.tags && article.tags.length) {
+      const articleTags = article.tags.map((tag) => ({
+        property: "og:article:tag",
+        content: tag
+      }));
+      articleMeta.push(...articleTags);
+    }
+    meta.push(...articleMeta);
+  }
+  return meta;
+}
 function randomComparator() {
   return Math.random() - 0.5;
 }
@@ -147,6 +194,7 @@ export {
   isStrapiContent as i,
   buildWebpageSchema as j,
   buildGameReviewSchema as k,
-  getSeededRandomComparator as l,
+  buildOpenGraphMeta as l,
+  getSeededRandomComparator as m,
   randomComparator as r
 };

package/dist/{index-BBU_vIrY.mjs → index-BtS01kyg.mjs}

@@ -11,7 +11,7 @@ import { useRef, useState, useLayoutEffect, Fragment as Fragment$1, useMemo } fr
 import { d as SocialNetworks, L as LinkButton, R as Rating } from "./index-2sU4ya6z.mjs";
 import { a as Heading2, H as Heading1, P as Paragraph, U as Unordered, O as Ordered } from "./index-BEjKnOZA.mjs";
 import { a as buildCanonicalUrl } from "./index-CQC6DRGf.mjs";
-import { l as getSeededRandomComparator, r as randomComparator, g as getCurrencySymbol, d as buildGraph, e as buildOrganizationSchema, f as buildWebsiteSchema, h as getEntitySchema, j as buildWebpageSchema, i as isStrapiContent } from "./index-CoNbTY7l.mjs";
+import { m as getSeededRandomComparator, r as randomComparator, g as getCurrencySymbol, d as buildGraph, e as buildOrganizationSchema, f as buildWebsiteSchema, h as getEntitySchema, j as buildWebpageSchema, l as buildOpenGraphMeta, i as isStrapiContent } from "./index-BTfTkIed.mjs";
 import { f as formatDate, b as formatNumber, a as getCurrentMonth, g as getCurrentYear } from "./index-BPthShL-.mjs";
 import { u as usePrimaryColors } from "./index-BS5T9Il4.mjs";
 import { t } from "i18next";
@@ -950,26 +950,12 @@ const ProsCons = ({ items, ...boxProps }) => {
     /* @__PURE__ */ jsx(ProsConsCard, { itemType: "cons", items: cons })
   ] });
 };
-function buildPlaceholders(siteName, lang) {
-  return {
-    siteName,
-    currentYear: getCurrentYear(lang),
-    currentMonth: getCurrentMonth(lang)
-  };
-}
-function replacePlaceholders(text, placeholders) {
-  Object.entries(placeholders).forEach(([placeholder, replacement]) => {
-    const regex = new RegExp(`{{${placeholder}}}`, "g");
-    text = text.replace(regex, replacement);
-  });
-  return text;
-}
-function getSeoMetaItem(item, placeholders) {
-  if (typeof item === "string") {
-    return replacePlaceholders(item, placeholders);
+const HrefLangs = ({ siteName, hrefLangs }) => {
+  if (!(hrefLangs == null ? void 0 : hrefLangs.length)) {
+    return null;
   }
-  return item(placeholders);
-}
+  return hrefLangs.map(({ href, hrefLang }, index) => /* @__PURE__ */ jsx("link", { rel: "alternate", hrefLang, href: buildCanonicalUrl(siteName, href) }, index));
+};
 const JsonLd = ({ schemas }) => {
   const graph = buildGraph(schemas);
   if (!graph.length) {
@@ -989,18 +975,42 @@ const JsonLd = ({ schemas }) => {
     }
   );
 };
-const HrefLangs = ({ siteName, hrefLangs }) => {
-  return hrefLangs.map(({ href, hrefLang }, index) => /* @__PURE__ */ jsx("link", { rel: "alternate", hrefLang, href: buildCanonicalUrl(siteName, href) }, index));
+const OpenGraph = ({ meta, options }) => {
+  const { withTwitterCard = true } = options ?? {};
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    meta.map(({ property, content }, index) => /* @__PURE__ */ jsx("meta", { property, content }, index)),
+    withTwitterCard && /* @__PURE__ */ jsx("meta", { name: "twitter:card", content: "summary_large_image" })
+  ] });
 };
+function buildPlaceholders(siteName, lang) {
+  return {
+    siteName,
+    currentYear: getCurrentYear(lang),
+    currentMonth: getCurrentMonth(lang)
+  };
+}
+function replacePlaceholders(text, placeholders) {
+  Object.entries(placeholders).forEach(([placeholder, replacement]) => {
+    const regex = new RegExp(`{{${placeholder}}}`, "g");
+    text = text.replace(regex, replacement);
+  });
+  return text.trim();
+}
+function getSeoMetaItem(item, placeholders) {
+  if (typeof item === "string") {
+    return replacePlaceholders(item, placeholders);
+  }
+  return item(placeholders);
+}
 const Seo = ({
   children,
   pathname,
-  locale,
-  title,
-  description,
+  lang: locale,
+  meta,
   canonicalUrl,
-  hrefLangs = [],
-  structuredData
+  hrefLangs,
+  structuredData,
+  openGraph
 }) => {
   const { metadata: siteMetadata, logo: siteLogo, localization } = useSiteContext();
   const { name: siteName, seo: siteSeo } = siteMetadata;
@@ -1010,14 +1020,15 @@ const Seo = ({
   const placeholders = buildPlaceholders(siteName, lang);
   const siteUrl = buildCanonicalUrl(siteName);
   const pageUrl = buildCanonicalUrl(siteName, pathname);
-  const pageTitle = getSeoMetaItem(title ?? defaultTitle, placeholders);
-  const pageDescription = getSeoMetaItem(description ?? defaultDescription, placeholders);
+  const pageTitle = getSeoMetaItem((meta == null ? void 0 : meta.title) ?? defaultTitle, placeholders);
+  const pageDescription = getSeoMetaItem((meta == null ? void 0 : meta.description) ?? defaultDescription, placeholders);
   const siteData = { url: siteUrl, name: siteName, logo: siteLogo };
   const pageData = { url: pageUrl, title: pageTitle, description: pageDescription };
   const organizationSchema = buildOrganizationSchema({ site: siteData, lang });
   const websiteSchema = buildWebsiteSchema({ site: siteData, lang });
   const entitySchema = getEntitySchema({ site: siteData, page: pageData, structuredData });
   const webpageSchema = buildWebpageSchema({ site: siteData, page: pageData, lang }, entitySchema);
+  const openGraphMeta = buildOpenGraphMeta({ site: siteData, page: pageData, content: openGraph == null ? void 0 : openGraph.content, lang });
   return /* @__PURE__ */ jsxs(Fragment, { children: [
     /* @__PURE__ */ jsx("html", { lang }),
     /* @__PURE__ */ jsx("title", { children: pageTitle }),
@@ -1025,6 +1036,7 @@ const Seo = ({
     /* @__PURE__ */ jsx("link", { rel: "canonical", href: canonicalUrl ?? pageUrl }),
     /* @__PURE__ */ jsx(HrefLangs, { siteName, hrefLangs }),
     /* @__PURE__ */ jsx(JsonLd, { schemas: { organization: organizationSchema, website: websiteSchema, webpage: webpageSchema } }),
+    /* @__PURE__ */ jsx(OpenGraph, { meta: openGraphMeta, options: openGraph == null ? void 0 : openGraph.options }),
     children
   ] });
 };

package/dist/{index-CnVcCa5O.js → index-DHKoOk4o.js}

@@ -125,6 +125,53 @@ function buildGameReviewSchema(params) {
     }
   };
 }
+function buildOpenGraphMeta(params) {
+  const { site, page, lang, content } = params;
+  const { article, image } = content ?? {};
+  const type = article ? "article" : "website";
+  const meta = [
+    { property: "og:site_name", content: site.name },
+    { property: "og:locale", content: lang },
+    { property: "og:type", content: type },
+    { property: "og:url", content: page.url },
+    { property: "og:title", content: page.title },
+    { property: "og:description", content: page.description }
+  ];
+  if (image) {
+    const imageMeta = [
+      { property: "og:image", content: image.url },
+      { property: "og:image:alt", content: image.alt }
+    ];
+    if (image.width && image.height) {
+      imageMeta.push(
+        { property: "og:image:width", content: String(image.width) },
+        { property: "og:image:height", content: String(image.height) }
+      );
+    }
+    meta.push(...imageMeta);
+  }
+  if (article) {
+    const articleMeta = [
+      { property: "og:article:published_time", content: article.createdAt },
+      { property: "og:article:modified_time", content: article.updatedAt }
+    ];
+    if (article.author) {
+      articleMeta.push({ property: "og:article:author", content: article.author });
+    }
+    if (article.section) {
+      articleMeta.push({ property: "og:article:section", content: article.section });
+    }
+    if (article.tags && article.tags.length) {
+      const articleTags = article.tags.map((tag) => ({
+        property: "og:article:tag",
+        content: tag
+      }));
+      articleMeta.push(...articleTags);
+    }
+    meta.push(...articleMeta);
+  }
+  return meta;
+}
 function randomComparator() {
   return Math.random() - 0.5;
 }
@@ -138,6 +185,7 @@ function getSeededRandomComparator(seed) {
 }
 exports.buildGameReviewSchema = buildGameReviewSchema;
 exports.buildGraph = buildGraph;
+exports.buildOpenGraphMeta = buildOpenGraphMeta;
 exports.buildOrganizationSchema = buildOrganizationSchema;
 exports.buildWebpageSchema = buildWebpageSchema;
 exports.buildWebsiteSchema = buildWebsiteSchema;

package/dist/{index-C93pA9Jv.js → index-ISfgFSXE.js}

@@ -12,7 +12,7 @@ const react$1 = require("react");
 const index$2 = require("./index-CxuOu0E2.js");
 const index$3 = require("./index-DDg_PkD2.js");
 const index$7 = require("./index-CAjUjAgI.js");
-const index$5 = require("./index-CnVcCa5O.js");
+const index$5 = require("./index-DHKoOk4o.js");
 const index$1 = require("./index-ov4J7p3D.js");
 const index$4 = require("./index-CuIVcnIS.js");
 const i18next = require("i18next");
@@ -951,26 +951,12 @@ const ProsCons = ({ items, ...boxProps }) => {
     /* @__PURE__ */ jsxRuntime.jsx(ProsConsCard, { itemType: "cons", items: cons })
   ] });
 };
-function buildPlaceholders(siteName, lang) {
-  return {
-    siteName,
-    currentYear: index$1.getCurrentYear(lang),
-    currentMonth: index$1.getCurrentMonth(lang)
-  };
-}
-function replacePlaceholders(text, placeholders) {
-  Object.entries(placeholders).forEach(([placeholder, replacement]) => {
-    const regex = new RegExp(`{{${placeholder}}}`, "g");
-    text = text.replace(regex, replacement);
-  });
-  return text;
-}
-function getSeoMetaItem(item, placeholders) {
-  if (typeof item === "string") {
-    return replacePlaceholders(item, placeholders);
+const HrefLangs = ({ siteName, hrefLangs }) => {
+  if (!(hrefLangs == null ? void 0 : hrefLangs.length)) {
+    return null;
   }
-  return item(placeholders);
-}
+  return hrefLangs.map(({ href, hrefLang }, index2) => /* @__PURE__ */ jsxRuntime.jsx("link", { rel: "alternate", hrefLang, href: index$7.buildCanonicalUrl(siteName, href) }, index2));
+};
 const JsonLd = ({ schemas }) => {
   const graph = index$5.buildGraph(schemas);
   if (!graph.length) {
@@ -990,18 +976,42 @@ const JsonLd = ({ schemas }) => {
     }
   );
 };
-const HrefLangs = ({ siteName, hrefLangs }) => {
-  return hrefLangs.map(({ href, hrefLang }, index2) => /* @__PURE__ */ jsxRuntime.jsx("link", { rel: "alternate", hrefLang, href: index$7.buildCanonicalUrl(siteName, href) }, index2));
+const OpenGraph = ({ meta, options }) => {
+  const { withTwitterCard = true } = options ?? {};
+  return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+    meta.map(({ property, content }, index2) => /* @__PURE__ */ jsxRuntime.jsx("meta", { property, content }, index2)),
+    withTwitterCard && /* @__PURE__ */ jsxRuntime.jsx("meta", { name: "twitter:card", content: "summary_large_image" })
+  ] });
 };
+function buildPlaceholders(siteName, lang) {
+  return {
+    siteName,
+    currentYear: index$1.getCurrentYear(lang),
+    currentMonth: index$1.getCurrentMonth(lang)
+  };
+}
+function replacePlaceholders(text, placeholders) {
+  Object.entries(placeholders).forEach(([placeholder, replacement]) => {
+    const regex = new RegExp(`{{${placeholder}}}`, "g");
+    text = text.replace(regex, replacement);
+  });
+  return text.trim();
+}
+function getSeoMetaItem(item, placeholders) {
+  if (typeof item === "string") {
+    return replacePlaceholders(item, placeholders);
+  }
+  return item(placeholders);
+}
 const Seo = ({
   children,
   pathname,
-  locale,
-  title,
-  description,
+  lang: locale,
+  meta,
   canonicalUrl,
-  hrefLangs = [],
-  structuredData
+  hrefLangs,
+  structuredData,
+  openGraph
 }) => {
   const { metadata: siteMetadata, logo: siteLogo, localization } = index.useSiteContext();
   const { name: siteName, seo: siteSeo } = siteMetadata;
@@ -1011,14 +1021,15 @@ const Seo = ({
   const placeholders = buildPlaceholders(siteName, lang);
   const siteUrl = index$7.buildCanonicalUrl(siteName);
   const pageUrl = index$7.buildCanonicalUrl(siteName, pathname);
-  const pageTitle = getSeoMetaItem(title ?? defaultTitle, placeholders);
-  const pageDescription = getSeoMetaItem(description ?? defaultDescription, placeholders);
+  const pageTitle = getSeoMetaItem((meta == null ? void 0 : meta.title) ?? defaultTitle, placeholders);
+  const pageDescription = getSeoMetaItem((meta == null ? void 0 : meta.description) ?? defaultDescription, placeholders);
   const siteData = { url: siteUrl, name: siteName, logo: siteLogo };
   const pageData = { url: pageUrl, title: pageTitle, description: pageDescription };
   const organizationSchema = index$5.buildOrganizationSchema({ site: siteData, lang });
   const websiteSchema = index$5.buildWebsiteSchema({ site: siteData, lang });
   const entitySchema = index$5.getEntitySchema({ site: siteData, page: pageData, structuredData });
   const webpageSchema = index$5.buildWebpageSchema({ site: siteData, page: pageData, lang }, entitySchema);
+  const openGraphMeta = index$5.buildOpenGraphMeta({ site: siteData, page: pageData, content: openGraph == null ? void 0 : openGraph.content, lang });
   return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
     /* @__PURE__ */ jsxRuntime.jsx("html", { lang }),
     /* @__PURE__ */ jsxRuntime.jsx("title", { children: pageTitle }),
@@ -1026,6 +1037,7 @@ const Seo = ({
     /* @__PURE__ */ jsxRuntime.jsx("link", { rel: "canonical", href: canonicalUrl ?? pageUrl }),
     /* @__PURE__ */ jsxRuntime.jsx(HrefLangs, { siteName, hrefLangs }),
     /* @__PURE__ */ jsxRuntime.jsx(JsonLd, { schemas: { organization: organizationSchema, website: websiteSchema, webpage: webpageSchema } }),
+    /* @__PURE__ */ jsxRuntime.jsx(OpenGraph, { meta: openGraphMeta, options: openGraph == null ? void 0 : openGraph.options }),
     children
   ] });
 };

package/dist/index.cjs

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const index = require("./index-C93pA9Jv.js");
+const index = require("./index-ISfgFSXE.js");
 const index$1 = require("./index-CxuOu0E2.js");
 const index$2 = require("./index-DDg_PkD2.js");
 const index$3 = require("./index-DAPaiozu.js");
@@ -11,8 +11,8 @@ const layout = require("./layout/index.cjs");
 const index$6 = require("./index-BAxlqkw0.js");
 const index$7 = require("./index-CMLDQbgR.js");
 const index$8 = require("./index-C6MG_f24.js");
-const index$9 = require("./index-P_fDAJVz.js");
-const index$a = require("./index-CnVcCa5O.js");
+const index$9 = require("./index-BKWX6mIo.js");
+const index$a = require("./index-DHKoOk4o.js");
 const index$b = require("./index-ov4J7p3D.js");
 const index$c = require("./index-CAjUjAgI.js");
 const index$d = require("./index-CbuiYkSg.js");
@@ -80,13 +80,14 @@ exports.GameCharacteristic = index$7.GameCharacteristic;
 exports.GameVolatility = index$7.GameVolatility;
 exports.InformerType = index$7.InformerType;
 exports.Animation = index$8.Animation;
-exports.extractSeoData = index$9.extractSeoData;
+exports.buildSeoFromStrapi = index$9.buildSeoFromStrapi;
 exports.getLocale = index$9.getLocale;
 exports.getLocales = index$9.getLocales;
 exports.getNavigation = index$9.getNavigation;
 exports.getSiteName = index$9.getSiteName;
 exports.buildGameReviewSchema = index$a.buildGameReviewSchema;
 exports.buildGraph = index$a.buildGraph;
+exports.buildOpenGraphMeta = index$a.buildOpenGraphMeta;
 exports.buildOrganizationSchema = index$a.buildOrganizationSchema;
 exports.buildWebpageSchema = index$a.buildWebpageSchema;
 exports.buildWebsiteSchema = index$a.buildWebsiteSchema;

package/dist/index.mjs

@@ -1,4 +1,4 @@
-import { A, a, b, c, n, o, d, B, e, C, r, q, F, f, g, G, h, i, j, p, H, I, L, N, s, P, S, k, T, l, t, m } from "./index-BBU_vIrY.mjs";
+import { A, a, b, c, n, o, d, B, e, C, r, q, F, f, g, G, h, i, j, p, H, I, L, N, s, P, S, k, T, l, t, m } from "./index-BtS01kyg.mjs";
 import { C as C2, a as a2, b as b2, L as L2, c as c2, R, S as S2, d as d2 } from "./index-2sU4ya6z.mjs";
 import { H as H2, a as a3, b as b3, O, P as P2, U } from "./index-BEjKnOZA.mjs";
 import { I as I2, L as L3, P as P3, S as S3, u, a as a4 } from "./index-B5WurBlm.mjs";
@@ -9,8 +9,8 @@ import { default as default2 } from "./layout/index.mjs";
 import { M } from "./index-TcBorTSf.mjs";
 import { a as a5, C as C3, b as b4, G as G2, I as I3 } from "./index-C6A-3gBz.mjs";
 import { A as A2 } from "./index-BJRvnR8Q.mjs";
-import { e as e2, a as a6, b as b5, c as c3, g as g2 } from "./index-MnQnVvsM.mjs";
-import { k as k2, d as d3, e as e3, j as j2, f as f2, g as g3, h as h2, l as l2, i as i2, c as c4, b as b6, a as a7, r as r2 } from "./index-CoNbTY7l.mjs";
+import { d as d3, a as a6, b as b5, c as c3, g as g2 } from "./index-B--qmL1V.mjs";
+import { k as k2, d as d4, l as l2, e as e2, j as j2, f as f2, g as g3, h as h2, m as m2, i as i2, c as c4, b as b6, a as a7, r as r2 } from "./index-BTfTkIed.mjs";
 import { f as f3, b as b7, a as a8, g as g4, r as r3, t as t2 } from "./index-BPthShL-.mjs";
 import { a as a9, b as b8, c as c5, i as i3 } from "./index-CQC6DRGf.mjs";
 import { D, L as L4 } from "./index-BRVKhbs6.mjs";
@@ -78,12 +78,13 @@ export {
   U as UL,
   a9 as buildCanonicalUrl,
   k2 as buildGameReviewSchema,
-  d3 as buildGraph,
-  e3 as buildOrganizationSchema,
+  d4 as buildGraph,
+  l2 as buildOpenGraphMeta,
+  e2 as buildOrganizationSchema,
   b8 as buildPath,
+  d3 as buildSeoFromStrapi,
   j2 as buildWebpageSchema,
   f2 as buildWebsiteSchema,
-  e2 as extractSeoData,
   f3 as formatDate,
   b7 as formatNumber,
   g3 as getCurrencySymbol,
@@ -93,7 +94,7 @@ export {
   a6 as getLocale,
   b5 as getLocales,
   c3 as getNavigation,
-  l2 as getSeededRandomComparator,
+  m2 as getSeededRandomComparator,
   g2 as getSiteName,
   c5 as isAbsolutePath,
   i3 as isRelativePath,

package/dist/types/content/seo/index.d.ts

@@ -1,11 +1,29 @@
-export interface ISeoMetadata {
-    title: string;
-    description: string;
+import { Nullable } from '../../common';
+import { ILocale } from '../../i18n';
+/** Meta */
+export interface ISeoMetaItemPlaceholders {
+    siteName: string;
+    currentYear: string;
+    currentMonth: string;
+}
+type SeoMetaItemGetter = (placeholders: ISeoMetaItemPlaceholders) => string;
+export type SeoMetaItem = string | SeoMetaItemGetter;
+export interface ISeoMetadata<T = string> {
+    title: T;
+    description: T;
 }
+/** Href Langs */
 export interface IHrefLang {
     href: string;
     hrefLang: string;
 }
+/** Structured Data */
+interface IStructuredDataImage {
+    url: string;
+    alt?: string;
+    width?: number;
+    height?: number;
+}
 interface IStructuredDataAuthor {
     name: string;
     url?: string;
@@ -21,10 +39,12 @@ interface IStructuredDataReview {
     publishedAt: string;
     updatedAt?: string;
     rating?: IStructuredDataRating;
+    image?: IStructuredDataImage;
 }
 interface IStructuredDataGame {
     name: string;
     genre?: string;
+    image?: IStructuredDataImage;
 }
 export interface IStructuredDataContent {
     author?: IStructuredDataAuthor;
@@ -38,4 +58,37 @@ export interface IStructuredData {
     entity: StructuredDataEntity;
     content: IStructuredDataContent;
 }
+/** Open Graph */
+interface IOpenGraphImageData {
+    url: string;
+    alt: string;
+    width?: number;
+    height?: number;
+}
+interface IOpenGraphArticleData {
+    createdAt: string;
+    updatedAt: string;
+    author?: string;
+    section?: string;
+    tags?: string[];
+}
+interface IOpenGraphContent {
+    image?: IOpenGraphImageData;
+    article?: IOpenGraphArticleData;
+}
+interface IOpenGraphOptions {
+    withTwitterCard?: boolean;
+}
+export interface IOpenGraph {
+    content: IOpenGraphContent;
+    options?: IOpenGraphOptions;
+}
+export interface ISeo {
+    lang?: Nullable<ILocale['code']>;
+    meta?: Nullable<ISeoMetadata<Nullable<SeoMetaItem>>>;
+    canonicalUrl?: Nullable<string>;
+    hrefLangs?: Nullable<IHrefLang[]>;
+    structuredData?: Nullable<IStructuredData>;
+    openGraph?: Nullable<IOpenGraph>;
+}
 export {};

package/dist/types/index.d.ts

@@ -3,6 +3,6 @@ export * from './common';
 export * from './components';
 export * from './content';
 export * from './i18n';
-export * from './json-ld';
+export * from './seo';
 export * from './site';
 export * from './theme';

package/dist/types/seo/index.d.ts

@@ -0,0 +1,2 @@
+export * from './json-ld';
+export * from './open-graph';

package/dist/types/seo/open-graph/index.d.ts

@@ -0,0 +1,11 @@
+type OpenGraphImageMetaTag = 'image' | 'image:alt' | 'image:width' | 'image:height';
+type OpenGraphArticleMetaTag = 'article:published_time' | 'article:modified_time' | 'article:author' | 'article:section' | 'article:tag';
+type OpenGraphSiteMetaTag = 'site_name' | 'locale';
+type OpenGraphPageMetaTag = 'type' | 'url' | 'title' | 'description' | OpenGraphImageMetaTag | OpenGraphArticleMetaTag;
+type OpenGraphMetaTag = OpenGraphSiteMetaTag | OpenGraphPageMetaTag;
+export type OpenGraphType = 'website' | 'article';
+export interface IOpenGraphMetaItem {
+    property: `og:${OpenGraphMetaTag}`;
+    content: string;
+}
+export {};

package/dist/utils/api/strapi-seo.d.ts

@@ -1,13 +1,2 @@
-import { IHrefLang, ILocale, ISeoMetadata, IStructuredData, Nullable } from '../../types';
-interface ISeoData {
-    locale: Nullable<ILocale['code']>;
-    meta: {
-        title: Nullable<ISeoMetadata['title']>;
-        description: Nullable<ISeoMetadata['description']>;
-    };
-    canonicalUrl: Nullable<string>;
-    hrefLangs: IHrefLang[];
-    structuredData: Nullable<IStructuredData>;
-}
-export declare function extractSeoData(pageData: unknown, pageContext?: unknown): ISeoData;
-export {};
+import { ISeo } from '../../types';
+export declare function buildSeoFromStrapi(pageData: unknown, pageContext?: unknown): ISeo;

package/dist/utils/index.cjs

@@ -1,19 +1,20 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const index = require("../index-C6MG_f24.js");
-const index$1 = require("../index-P_fDAJVz.js");
-const index$2 = require("../index-CnVcCa5O.js");
+const index$1 = require("../index-BKWX6mIo.js");
+const index$2 = require("../index-DHKoOk4o.js");
 const index$3 = require("../index-ov4J7p3D.js");
 const index$4 = require("../index-CAjUjAgI.js");
 const index$5 = require("../index-CbuiYkSg.js");
 exports.Animation = index.Animation;
-exports.extractSeoData = index$1.extractSeoData;
+exports.buildSeoFromStrapi = index$1.buildSeoFromStrapi;
 exports.getLocale = index$1.getLocale;
 exports.getLocales = index$1.getLocales;
 exports.getNavigation = index$1.getNavigation;
 exports.getSiteName = index$1.getSiteName;
 exports.buildGameReviewSchema = index$2.buildGameReviewSchema;
 exports.buildGraph = index$2.buildGraph;
+exports.buildOpenGraphMeta = index$2.buildOpenGraphMeta;
 exports.buildOrganizationSchema = index$2.buildOrganizationSchema;
 exports.buildWebpageSchema = index$2.buildWebpageSchema;
 exports.buildWebsiteSchema = index$2.buildWebsiteSchema;

package/dist/utils/index.d.ts

@@ -2,7 +2,7 @@ export * from './animation';
 export * from './api';
 export * from './currency';
 export * from './date';
-export * from './json-ld';
+export * from './seo';
 export * from './navigation';
 export * from './numbers';
 export * from './sorting';

package/dist/utils/index.mjs

@@ -1,6 +1,6 @@
 import { A } from "../index-BJRvnR8Q.mjs";
-import { e, a, b, c, g } from "../index-MnQnVvsM.mjs";
-import { k, d, e as e2, j, f, g as g2, h, l, i, c as c2, b as b2, a as a2, r } from "../index-CoNbTY7l.mjs";
+import { d, a, b, c, g } from "../index-B--qmL1V.mjs";
+import { k, d as d2, l, e, j, f, g as g2, h, m, i, c as c2, b as b2, a as a2, r } from "../index-BTfTkIed.mjs";
 import { f as f2, b as b3, a as a3, g as g3, r as r2, t } from "../index-BPthShL-.mjs";
 import { a as a4, b as b4, c as c3, i as i2 } from "../index-CQC6DRGf.mjs";
 import { D, L } from "../index-BRVKhbs6.mjs";
@@ -10,12 +10,13 @@ export {
   L as LIGHT_THEME_COLOR,
   a4 as buildCanonicalUrl,
   k as buildGameReviewSchema,
-  d as buildGraph,
-  e2 as buildOrganizationSchema,
+  d2 as buildGraph,
+  l as buildOpenGraphMeta,
+  e as buildOrganizationSchema,
   b4 as buildPath,
+  d as buildSeoFromStrapi,
   j as buildWebpageSchema,
   f as buildWebsiteSchema,
-  e as extractSeoData,
   f2 as formatDate,
   b3 as formatNumber,
   g2 as getCurrencySymbol,
@@ -25,7 +26,7 @@ export {
   a as getLocale,
   b as getLocales,
   c as getNavigation,
-  l as getSeededRandomComparator,
+  m as getSeededRandomComparator,
   g as getSiteName,
   c3 as isAbsolutePath,
   i2 as isRelativePath,

package/dist/utils/seo/index.d.ts

@@ -0,0 +1,2 @@
+export * from './json-ld';
+export * from './open-graph';

package/dist/utils/{json-ld → seo/json-ld}/index.d.ts

@@ -1,4 +1,4 @@
-import { GameSchema, ILocale, ISiteLogo, IStructuredData, Nullable, OrganizationSchema, ReviewSchema, Schema, Schemas, WebPageSchema, WebSiteSchema } from '../../types';
+import { GameSchema, ILocale, ISiteLogo, IStructuredData, Nullable, OrganizationSchema, ReviewSchema, Schema, Schemas, WebPageSchema, WebSiteSchema } from '../../../types';
 export declare function buildGraph(schemas: Schemas): Schema[];
 interface BuildOrganizationSchemaParams {
     site: {

package/dist/utils/seo/open-graph/index.d.ts

@@ -0,0 +1,15 @@
+import { ILocale, IOpenGraph, IOpenGraphMetaItem } from '../../../types';
+interface BuildOpenGraphParams {
+    site: {
+        name: string;
+    };
+    page: {
+        url: string;
+        title: string;
+        description: string;
+    };
+    lang: ILocale['code'];
+    content?: IOpenGraph['content'];
+}
+export declare function buildOpenGraphMeta(params: BuildOpenGraphParams): IOpenGraphMetaItem[];
+export {};

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@anywayseo/tools",
   "description": "Shared UI Components and Modules",
-  "version": "6.1.0",
+  "version": "6.2.0",
   "keywords": [
     "react",
     "ui",

package/dist/components/seo/types.d.ts

@@ -1,14 +0,0 @@
-import { IHrefLang, ILocale, ISeoMetadata, IStructuredData, Nullable } from '../../types';
-export interface ISeoMetaItemPlaceholders {
-    siteName: string;
-    currentYear: string;
-    currentMonth: string;
-}
-type SeoMetaItemGetter = (placeholders: ISeoMetaItemPlaceholders) => string;
-export type SeoLocale = Nullable<ILocale['code']>;
-export type SeoTitle = Nullable<ISeoMetadata['title'] | SeoMetaItemGetter>;
-export type SeoDescription = Nullable<ISeoMetadata['description'] | SeoMetaItemGetter>;
-export type SeoCanonical = Nullable<string>;
-export type SeoHrefLangs = IHrefLang[];
-export type SeoStructuredData = Nullable<IStructuredData>;
-export {};