@sonordev/site-kit 2.0.1 → 2.0.2

package/dist/blog/index.mjs

@@ -1,3 +1,4 @@
+import { generateAuthorSchema } from '../chunk-S2WK4LL7.mjs';
 import '../chunk-4XPGGLVP.mjs';
 import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
 import React, { useState, useEffect } from 'react';
@@ -1388,29 +1389,312 @@ async function CategoryPage({
   };
   return /* @__PURE__ */ jsx(BlogLayout, { ...layoutProps, hero: categoryHero, currentCategory: category, children: listComponent });
 }
-function AuthorCard({ author, showBio = true, showSocial = true, className }) {
-  return /* @__PURE__ */ jsxs("div", { className, style: { display: "flex", gap: 16, alignItems: "flex-start" }, children: [
-    author.avatar_url && /* @__PURE__ */ jsx(
-      "img",
-      {
-        src: author.avatar_url,
-        alt: author.name,
-        style: {
-          width: 64,
-          height: 64,
-          borderRadius: "50%",
-          objectFit: "cover"
+function TrustBlock({ author }) {
+  const hasYears = typeof author.years_experience === "number" && author.years_experience > 0;
+  const hasCredentials = author.credentials && author.credentials.length > 0;
+  const hasExpertise = author.expertise_areas && author.expertise_areas.length > 0;
+  const hasPublications = author.featured_publications && author.featured_publications.length > 0;
+  const hasAwards = author.awards && author.awards.length > 0;
+  const isVerified = author.is_subject_matter_expert || author.has_verified_credentials;
+  const hasAnything = hasYears || hasCredentials || hasExpertise || hasPublications || hasAwards || isVerified;
+  if (!hasAnything) return null;
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      className: "sk-author-trust",
+      style: {
+        marginTop: 16,
+        padding: 16,
+        borderRadius: 10,
+        border: "1px solid var(--sk-border, #e5e7eb)",
+        background: "var(--sk-surface, #f9fafb)"
+      },
+      children: [
+        /* @__PURE__ */ jsx(
+          "h5",
+          {
+            style: {
+              margin: "0 0 12px",
+              fontSize: 13,
+              fontWeight: 600,
+              textTransform: "uppercase",
+              letterSpacing: "0.05em",
+              color: "var(--sk-text-tertiary, #6b7280)"
+            },
+            children: "Why Trust This Author"
+          }
+        ),
+        /* @__PURE__ */ jsxs("div", { style: { display: "flex", flexWrap: "wrap", gap: 8, marginBottom: hasCredentials || hasExpertise || hasPublications || hasAwards ? 12 : 0 }, children: [
+          isVerified && /* @__PURE__ */ jsxs(
+            "span",
+            {
+              style: {
+                display: "inline-flex",
+                alignItems: "center",
+                gap: 4,
+                padding: "4px 10px",
+                borderRadius: 9999,
+                fontSize: 12,
+                fontWeight: 600,
+                background: "rgba(20, 184, 166, 0.1)",
+                color: "rgb(13, 148, 136)",
+                border: "1px solid rgba(20, 184, 166, 0.2)"
+              },
+              children: [
+                /* @__PURE__ */ jsxs("svg", { width: "14", height: "14", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2.5", strokeLinecap: "round", strokeLinejoin: "round", children: [
+                  /* @__PURE__ */ jsx("path", { d: "M22 11.08V12a10 10 0 1 1-5.93-9.14" }),
+                  /* @__PURE__ */ jsx("polyline", { points: "22 4 12 14.01 9 11.01" })
+                ] }),
+                "Verified Expert"
+              ]
+            }
+          ),
+          hasYears && /* @__PURE__ */ jsxs(
+            "span",
+            {
+              style: {
+                display: "inline-flex",
+                alignItems: "center",
+                padding: "4px 10px",
+                borderRadius: 9999,
+                fontSize: 12,
+                fontWeight: 600,
+                background: "rgba(99, 102, 241, 0.1)",
+                color: "rgb(79, 70, 229)",
+                border: "1px solid rgba(99, 102, 241, 0.2)"
+              },
+              children: [
+                author.years_experience,
+                "+ Years Experience"
+              ]
+            }
+          )
+        ] }),
+        hasCredentials && /* @__PURE__ */ jsxs("div", { style: { marginBottom: 10 }, children: [
+          /* @__PURE__ */ jsx("span", { style: { fontSize: 12, fontWeight: 600, color: "var(--sk-text-secondary, #374151)" }, children: "Credentials" }),
+          /* @__PURE__ */ jsx("ul", { style: { margin: "4px 0 0", padding: "0 0 0 18px", fontSize: 13, color: "var(--sk-text-secondary, #4b5563)", lineHeight: 1.6 }, children: author.credentials.map((c, i) => /* @__PURE__ */ jsx("li", { children: c }, i)) })
+        ] }),
+        hasExpertise && /* @__PURE__ */ jsxs("div", { style: { marginBottom: 10 }, children: [
+          /* @__PURE__ */ jsx("span", { style: { fontSize: 12, fontWeight: 600, color: "var(--sk-text-secondary, #374151)", display: "block", marginBottom: 6 }, children: "Expertise" }),
+          /* @__PURE__ */ jsx("div", { style: { display: "flex", flexWrap: "wrap", gap: 6 }, children: author.expertise_areas.map((area, i) => /* @__PURE__ */ jsx(
+            "span",
+            {
+              style: {
+                padding: "3px 10px",
+                borderRadius: 9999,
+                fontSize: 12,
+                background: "var(--sk-pill-bg, #e5e7eb)",
+                color: "var(--sk-text-secondary, #374151)"
+              },
+              children: area
+            },
+            i
+          )) })
+        ] }),
+        hasPublications && /* @__PURE__ */ jsxs("div", { style: { marginBottom: 10 }, children: [
+          /* @__PURE__ */ jsx("span", { style: { fontSize: 12, fontWeight: 600, color: "var(--sk-text-secondary, #374151)" }, children: "Featured In" }),
+          /* @__PURE__ */ jsx("ul", { style: { margin: "4px 0 0", padding: "0 0 0 18px", fontSize: 13, color: "var(--sk-text-secondary, #4b5563)", lineHeight: 1.6 }, children: author.featured_publications.map((pub, i) => /* @__PURE__ */ jsx("li", { children: pub }, i)) })
+        ] }),
+        hasAwards && /* @__PURE__ */ jsxs("div", { children: [
+          /* @__PURE__ */ jsx("span", { style: { fontSize: 12, fontWeight: 600, color: "var(--sk-text-secondary, #374151)" }, children: "Awards" }),
+          /* @__PURE__ */ jsx("ul", { style: { margin: "4px 0 0", padding: "0 0 0 18px", fontSize: 13, color: "var(--sk-text-secondary, #4b5563)", lineHeight: 1.6 }, children: author.awards.map((award, i) => /* @__PURE__ */ jsx("li", { children: award }, i)) })
+        ] })
+      ]
+    }
+  );
+}
+function AuthorCard({ author, showBio = true, showSocial = true, showTrustBlock = false, className }) {
+  return /* @__PURE__ */ jsxs("div", { className, style: { display: "flex", flexDirection: "column" }, children: [
+    /* @__PURE__ */ jsxs("div", { style: { display: "flex", gap: 16, alignItems: "flex-start" }, children: [
+      author.avatar_url && /* @__PURE__ */ jsx(
+        "img",
+        {
+          src: author.avatar_url,
+          alt: author.name,
+          style: {
+            width: 64,
+            height: 64,
+            borderRadius: "50%",
+            objectFit: "cover"
+          }
         }
+      ),
+      /* @__PURE__ */ jsxs("div", { children: [
+        /* @__PURE__ */ jsx("h4", { style: { margin: 0 }, children: author.name }),
+        author.title && /* @__PURE__ */ jsxs("p", { style: { margin: "2px 0 0", fontSize: 13, color: "var(--sk-text-tertiary, #6b7280)" }, children: [
+          author.title,
+          author.company ? ` at ${author.company}` : ""
+        ] }),
+        showBio && author.bio && /* @__PURE__ */ jsx("p", { style: { margin: "4px 0", color: "var(--sk-text-secondary)", fontSize: 14 }, children: author.bio }),
+        showSocial && author.social_links && /* @__PURE__ */ jsxs("div", { style: { display: "flex", gap: 12, marginTop: 8 }, children: [
+          author.social_links.twitter && /* @__PURE__ */ jsx("a", { href: `https://twitter.com/${author.social_links.twitter}`, target: "_blank", rel: "noopener noreferrer", children: "Twitter" }),
+          author.social_links.linkedin && /* @__PURE__ */ jsx("a", { href: author.social_links.linkedin, target: "_blank", rel: "noopener noreferrer", children: "LinkedIn" }),
+          author.social_links.github && /* @__PURE__ */ jsx("a", { href: `https://github.com/${author.social_links.github}`, target: "_blank", rel: "noopener noreferrer", children: "GitHub" })
+        ] })
+      ] })
+    ] }),
+    showTrustBlock && /* @__PURE__ */ jsx(TrustBlock, { author })
+  ] });
+}
+function AuthorHero({ author }) {
+  return /* @__PURE__ */ jsxs(
+    "header",
+    {
+      className: "sk-author-hero",
+      style: {
+        display: "flex",
+        flexDirection: "column",
+        alignItems: "center",
+        textAlign: "center",
+        padding: "48px 24px 32px"
+      },
+      children: [
+        author.avatar_url && /* @__PURE__ */ jsx(
+          "img",
+          {
+            src: author.avatar_url,
+            alt: author.name,
+            width: 120,
+            height: 120,
+            style: {
+              width: 120,
+              height: 120,
+              borderRadius: "50%",
+              objectFit: "cover",
+              marginBottom: 20,
+              border: "3px solid var(--sk-border, #e5e7eb)"
+            }
+          }
+        ),
+        /* @__PURE__ */ jsx("h1", { style: { margin: 0, fontSize: 32, fontWeight: 700, color: "var(--sk-text-primary, #111827)" }, children: author.name }),
+        (author.title || author.company) && /* @__PURE__ */ jsxs("p", { style: { margin: "6px 0 0", fontSize: 16, color: "var(--sk-text-secondary, #4b5563)" }, children: [
+          author.title,
+          author.title && author.company ? " at " : "",
+          author.company
+        ] }),
+        author.bio && /* @__PURE__ */ jsx(
+          "p",
+          {
+            style: {
+              margin: "16px auto 0",
+              maxWidth: 640,
+              fontSize: 15,
+              lineHeight: 1.7,
+              color: "var(--sk-text-secondary, #4b5563)"
+            },
+            children: author.bio
+          }
+        ),
+        /* @__PURE__ */ jsx(SocialLinks, { author })
+      ]
+    }
+  );
+}
+function SocialLinks({ author }) {
+  const links = [];
+  if (author.linkedin_url) links.push({ label: "LinkedIn", href: author.linkedin_url });
+  else if (author.social_links?.linkedin) links.push({ label: "LinkedIn", href: author.social_links.linkedin });
+  if (author.twitter_url) links.push({ label: "Twitter", href: author.twitter_url });
+  else if (author.social_links?.twitter) links.push({ label: "Twitter", href: `https://twitter.com/${author.social_links.twitter}` });
+  if (author.website_url) links.push({ label: "Website", href: author.website_url });
+  else if (author.website) links.push({ label: "Website", href: author.website });
+  if (links.length === 0) return null;
+  return /* @__PURE__ */ jsx("div", { style: { display: "flex", gap: 16, marginTop: 16 }, children: links.map((link) => /* @__PURE__ */ jsx(
+    "a",
+    {
+      href: link.href,
+      target: "_blank",
+      rel: "noopener noreferrer",
+      style: {
+        display: "inline-flex",
+        alignItems: "center",
+        gap: 6,
+        padding: "6px 14px",
+        borderRadius: 8,
+        fontSize: 13,
+        fontWeight: 500,
+        color: "rgb(13, 148, 136)",
+        background: "rgba(20, 184, 166, 0.08)",
+        border: "1px solid rgba(20, 184, 166, 0.15)",
+        textDecoration: "none"
+      },
+      children: link.label
+    },
+    link.label
+  )) });
+}
+function PostCard({ post, basePath }) {
+  const href = `${basePath}/${post.slug}`;
+  const date = post.published_at ? new Date(post.published_at).toLocaleDateString("en-US", { year: "numeric", month: "short", day: "numeric" }) : null;
+  return /* @__PURE__ */ jsxs(
+    "article",
+    {
+      className: "sk-author-post-card",
+      style: {
+        borderRadius: 12,
+        border: "1px solid var(--sk-border, #e5e7eb)",
+        overflow: "hidden",
+        background: "var(--sk-card-bg, #fff)",
+        display: "flex",
+        flexDirection: "column"
+      },
+      children: [
+        post.featured_image && /* @__PURE__ */ jsx("a", { href, style: { display: "block", overflow: "hidden", aspectRatio: "16/9" }, children: /* @__PURE__ */ jsx(
+          "img",
+          {
+            src: post.featured_image,
+            alt: post.featured_image_alt || post.title,
+            style: { width: "100%", height: "100%", objectFit: "cover" },
+            loading: "lazy"
+          }
+        ) }),
+        /* @__PURE__ */ jsxs("div", { style: { padding: 20, flex: 1, display: "flex", flexDirection: "column" }, children: [
+          date && /* @__PURE__ */ jsx("time", { style: { fontSize: 12, color: "var(--sk-text-tertiary, #6b7280)", marginBottom: 6 }, children: date }),
+          /* @__PURE__ */ jsx("a", { href, style: { textDecoration: "none", color: "inherit" }, children: /* @__PURE__ */ jsx("h3", { style: { margin: "0 0 8px", fontSize: 18, fontWeight: 600, lineHeight: 1.3, color: "var(--sk-text-primary, #111827)" }, children: post.title }) }),
+          post.excerpt && /* @__PURE__ */ jsx("p", { style: { margin: 0, fontSize: 14, lineHeight: 1.6, color: "var(--sk-text-secondary, #4b5563)", flex: 1 }, children: post.excerpt }),
+          post.reading_time_minutes && /* @__PURE__ */ jsxs("span", { style: { fontSize: 12, color: "var(--sk-text-tertiary, #6b7280)", marginTop: 12 }, children: [
+            post.reading_time_minutes,
+            " min read"
+          ] })
+        ] })
+      ]
+    }
+  );
+}
+function AuthorPage({ author, posts, basePath = "/blog" }) {
+  const schema = generateAuthorSchema(author);
+  return /* @__PURE__ */ jsxs("div", { className: "sk-author-page", children: [
+    /* @__PURE__ */ jsx(
+      "script",
+      {
+        type: "application/ld+json",
+        dangerouslySetInnerHTML: { __html: JSON.stringify(schema) }
       }
     ),
-    /* @__PURE__ */ jsxs("div", { children: [
-      /* @__PURE__ */ jsx("h4", { style: { margin: 0 }, children: author.name }),
-      showBio && author.bio && /* @__PURE__ */ jsx("p", { style: { margin: "4px 0", color: "var(--sk-text-secondary)", fontSize: 14 }, children: author.bio }),
-      showSocial && author.social_links && /* @__PURE__ */ jsxs("div", { style: { display: "flex", gap: 12, marginTop: 8 }, children: [
-        author.social_links.twitter && /* @__PURE__ */ jsx("a", { href: `https://twitter.com/${author.social_links.twitter}`, target: "_blank", rel: "noopener noreferrer", children: "Twitter" }),
-        author.social_links.linkedin && /* @__PURE__ */ jsx("a", { href: author.social_links.linkedin, target: "_blank", rel: "noopener noreferrer", children: "LinkedIn" }),
-        author.social_links.github && /* @__PURE__ */ jsx("a", { href: `https://github.com/${author.social_links.github}`, target: "_blank", rel: "noopener noreferrer", children: "GitHub" })
-      ] })
+    /* @__PURE__ */ jsx(AuthorHero, { author }),
+    /* @__PURE__ */ jsx("div", { style: { maxWidth: 640, margin: "0 auto", padding: "0 24px" }, children: /* @__PURE__ */ jsx(TrustBlock, { author }) }),
+    posts.length > 0 && /* @__PURE__ */ jsxs("section", { style: { maxWidth: 1080, margin: "40px auto 0", padding: "0 24px 48px" }, children: [
+      /* @__PURE__ */ jsxs("h2", { style: { fontSize: 22, fontWeight: 600, marginBottom: 24, color: "var(--sk-text-primary, #111827)" }, children: [
+        "Articles by ",
+        author.name,
+        typeof author.post_count === "number" && /* @__PURE__ */ jsxs("span", { style: { fontWeight: 400, fontSize: 15, color: "var(--sk-text-tertiary, #6b7280)", marginLeft: 8 }, children: [
+          "(",
+          author.post_count,
+          ")"
+        ] })
+      ] }),
+      /* @__PURE__ */ jsx(
+        "div",
+        {
+          className: "sk-author-posts-grid",
+          style: {
+            display: "grid",
+            gridTemplateColumns: "repeat(auto-fill, minmax(300px, 1fr))",
+            gap: 24
+          },
+          children: posts.map((post) => /* @__PURE__ */ jsx(PostCard, { post, basePath }, post.id))
+        }
+      )
     ] })
   ] });
 }
@@ -1557,6 +1841,6 @@ function TableOfContents({
   ] });
 }
 
-export { AuthorCard, BlogLayout, BlogList, BlogPage, BlogPost, BlogPostPage, BlogSidebar, CategoryPage, NewsletterWidget, RelatedPosts, TableOfContents };
+export { AuthorCard, AuthorPage, BlogLayout, BlogList, BlogPage, BlogPost, BlogPostPage, BlogSidebar, CategoryPage, NewsletterWidget, RelatedPosts, TableOfContents };
 //# sourceMappingURL=index.mjs.map
 //# sourceMappingURL=index.mjs.map