@anywayseo/tools 6.0.0 → 6.2.0

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

@@ -2,18 +2,18 @@ import { jsxs, jsx, Fragment } from "react/jsx-runtime";
 import { useColorModeValue, Flex, Text, Box, Collapse, Button, Stack, Center as Center$1, SimpleGrid, Card, CardBody, CardFooter, CardHeader, Heading, Popover, PopoverTrigger, Portal, PopoverContent, PopoverBody, Accordion, AccordionItem, AccordionButton, AccordionIcon, AccordionPanel, LinkBox, LinkOverlay, IconButton, AbsoluteCenter, Spinner, Alert, AlertIcon, AlertTitle, AlertDescription, useDisclosure, Divider, Circle, List as List$1, ListItem, useToast, VStack, FormControl, FormLabel, InputGroup, InputLeftElement, Input, Textarea, ListIcon, TableContainer, Table as Table$1, Thead, Tr, Th, Tbody, Td, TableCaption, Tabs as Tabs$1, TabList, Tab, TabPanels, TabPanel } from "@chakra-ui/react";
 import { useTranslation } from "react-i18next";
 import { useMDXComponents } from "@mdx-js/react";
-import { u as usePageContext, I as Image, L as Link, a as useSiteContext } from "./index-U-DmPFa7.mjs";
+import { u as usePageContext, I as Image, L as Link, a as useSiteContext } from "./index-B5WurBlm.mjs";
 import "./index-BJRvnR8Q.mjs";
-import { b as GameCharacteristic, G as GameVolatility } from "./index-RzByAgHO.mjs";
+import { b as GameCharacteristic, G as GameVolatility } from "./index-C6A-3gBz.mjs";
 import { AtSignIcon, TimeIcon, CalendarIcon, StarIcon, CloseIcon, ViewOffIcon, ViewIcon, EmailIcon, WarningIcon, CheckCircleIcon } from "@chakra-ui/icons";
 import "react-medium-image-zoom";
 import { useRef, useState, useLayoutEffect, Fragment as Fragment$1, useMemo } from "react";
-import { d as SocialNetworks, L as LinkButton, R as Rating } from "./index-C7buhUOk.mjs";
+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 { k as getSeededRandomComparator, r as randomComparator, g as getCurrencySymbol, c as buildGraph, d as buildOrganizationSchema, e as buildWebsiteSchema, f as getEntitySchema, h as buildWebpageSchema, i as isStrapiContent } from "./index-0AAkKSsc.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-C1kr7Vd-.mjs";
+import { u as usePrimaryColors } from "./index-BS5T9Il4.mjs";
 import { t } from "i18next";
 import Markdown from "react-markdown";
 const ArticleMetaIconMap = {
@@ -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
   ] });
 };