@uptrademedia/site-kit 1.0.0

package/dist/blog/index.js

@@ -0,0 +1,200 @@
+'use strict';
+
+require('../chunk-EQCVQC35.js');
+var jsxRuntime = require('react/jsx-runtime');
+var react = require('react');
+
+async function BlogPost({ projectId, slug, children }) {
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
+    /* @__PURE__ */ jsxRuntime.jsxs("p", { children: [
+      "Blog post: ",
+      slug
+    ] }),
+    /* @__PURE__ */ jsxRuntime.jsx("p", { children: "Coming soon..." })
+  ] });
+}
+async function BlogList({ projectId, options, children }) {
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
+    /* @__PURE__ */ jsxRuntime.jsxs("p", { children: [
+      "Blog list for project: ",
+      projectId
+    ] }),
+    /* @__PURE__ */ jsxRuntime.jsx("p", { children: "Coming soon..." })
+  ] });
+}
+function AuthorCard({ author, showBio = true, showSocial = true, className }) {
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className, style: { display: "flex", gap: 16, alignItems: "flex-start" }, children: [
+    author.avatar_url && /* @__PURE__ */ jsxRuntime.jsx(
+      "img",
+      {
+        src: author.avatar_url,
+        alt: author.name,
+        style: {
+          width: 64,
+          height: 64,
+          borderRadius: "50%",
+          objectFit: "cover"
+        }
+      }
+    ),
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
+      /* @__PURE__ */ jsxRuntime.jsx("h4", { style: { margin: 0 }, children: author.name }),
+      showBio && author.bio && /* @__PURE__ */ jsxRuntime.jsx("p", { style: { margin: "4px 0", color: "#6b7280", fontSize: 14 }, children: author.bio }),
+      showSocial && author.social_links && /* @__PURE__ */ jsxRuntime.jsxs("div", { style: { display: "flex", gap: 12, marginTop: 8 }, children: [
+        author.social_links.twitter && /* @__PURE__ */ jsxRuntime.jsx("a", { href: `https://twitter.com/${author.social_links.twitter}`, target: "_blank", rel: "noopener noreferrer", children: "Twitter" }),
+        author.social_links.linkedin && /* @__PURE__ */ jsxRuntime.jsx("a", { href: author.social_links.linkedin, target: "_blank", rel: "noopener noreferrer", children: "LinkedIn" }),
+        author.social_links.github && /* @__PURE__ */ jsxRuntime.jsx("a", { href: `https://github.com/${author.social_links.github}`, target: "_blank", rel: "noopener noreferrer", children: "GitHub" })
+      ] })
+    ] })
+  ] });
+}
+async function fetchRelatedPosts(apiUrl, apiKey, currentPostId, limit) {
+  try {
+    const response = await fetch(`${apiUrl}/api/public/blog/related`, {
+      method: "POST",
+      headers: {
+        "Content-Type": "application/json",
+        "x-api-key": apiKey
+      },
+      body: JSON.stringify({
+        currentPostId,
+        limit
+      })
+    });
+    if (!response.ok) {
+      console.error("Failed to fetch related posts:", response.statusText);
+      return [];
+    }
+    const data = await response.json();
+    return data.posts || [];
+  } catch (error) {
+    console.error("Failed to fetch related posts:", error);
+    return [];
+  }
+}
+async function RelatedPosts({
+  apiUrl = process.env.NEXT_PUBLIC_UPTRADE_API_URL || "https://api.uptrademedia.com",
+  apiKey = process.env.NEXT_PUBLIC_UPTRADE_API_KEY || "",
+  currentPostId,
+  limit = 3,
+  className,
+  renderItem
+}) {
+  if (!apiKey) {
+    console.warn("[Blog] No API key configured for RelatedPosts");
+    return null;
+  }
+  const posts = await fetchRelatedPosts(apiUrl, apiKey, currentPostId, limit);
+  if (posts.length === 0) return null;
+  return /* @__PURE__ */ jsxRuntime.jsxs("section", { className, children: [
+    /* @__PURE__ */ jsxRuntime.jsx("h3", { style: { marginBottom: 16 }, children: "Related Posts" }),
+    /* @__PURE__ */ jsxRuntime.jsx("div", { style: { display: "grid", gap: 16 }, children: posts.map(
+      (post) => renderItem ? renderItem(post) : /* @__PURE__ */ jsxRuntime.jsxs("article", { style: { borderBottom: "1px solid #e5e7eb", paddingBottom: 16 }, children: [
+        post.featured_image && /* @__PURE__ */ jsxRuntime.jsx(
+          "img",
+          {
+            src: post.featured_image,
+            alt: post.title,
+            style: {
+              width: "100%",
+              height: 120,
+              objectFit: "cover",
+              borderRadius: 8,
+              marginBottom: 8
+            }
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsx("a", { href: `/blog/${post.slug}`, style: { textDecoration: "none" }, children: /* @__PURE__ */ jsxRuntime.jsx("h4", { style: { margin: 0, color: "inherit" }, children: post.title }) }),
+        post.excerpt && /* @__PURE__ */ jsxRuntime.jsx("p", { style: { margin: "4px 0 0", fontSize: 14, color: "#6b7280" }, children: post.excerpt })
+      ] }, post.id)
+    ) })
+  ] });
+}
+function parseHeadings(content) {
+  const headingRegex = /<h([2-4])[^>]*id="([^"]*)"[^>]*>(.*?)<\/h[2-4]>/gi;
+  const items = [];
+  let match;
+  while ((match = headingRegex.exec(content)) !== null) {
+    items.push({
+      level: parseInt(match[1]),
+      id: match[2],
+      text: match[3].replace(/<[^>]*>/g, "")
+      // Strip any nested HTML
+    });
+  }
+  return items;
+}
+function TableOfContents({
+  content,
+  className,
+  maxDepth = 3
+}) {
+  const [activeId, setActiveId] = react.useState("");
+  const items = parseHeadings(content).filter((item) => item.level <= maxDepth);
+  react.useEffect(() => {
+    if (typeof window === "undefined") return;
+    const observer = new IntersectionObserver(
+      (entries) => {
+        entries.forEach((entry) => {
+          if (entry.isIntersecting) {
+            setActiveId(entry.target.id);
+          }
+        });
+      },
+      {
+        rootMargin: "-20% 0% -35% 0%",
+        threshold: 0
+      }
+    );
+    items.forEach((item) => {
+      const element = document.getElementById(item.id);
+      if (element) {
+        observer.observe(element);
+      }
+    });
+    return () => observer.disconnect();
+  }, [items]);
+  if (items.length === 0) return null;
+  const handleClick = (id) => {
+    const element = document.getElementById(id);
+    if (element) {
+      element.scrollIntoView({ behavior: "smooth" });
+    }
+  };
+  return /* @__PURE__ */ jsxRuntime.jsxs("nav", { className, "aria-label": "Table of contents", children: [
+    /* @__PURE__ */ jsxRuntime.jsx("h4", { style: { margin: "0 0 12px", fontSize: 14, fontWeight: 600, textTransform: "uppercase", letterSpacing: "0.05em" }, children: "On This Page" }),
+    /* @__PURE__ */ jsxRuntime.jsx("ul", { style: { listStyle: "none", margin: 0, padding: 0 }, children: items.map((item) => /* @__PURE__ */ jsxRuntime.jsx(
+      "li",
+      {
+        style: {
+          paddingLeft: (item.level - 2) * 12,
+          marginBottom: 8
+        },
+        children: /* @__PURE__ */ jsxRuntime.jsx(
+          "button",
+          {
+            onClick: () => handleClick(item.id),
+            style: {
+              all: "unset",
+              cursor: "pointer",
+              fontSize: 14,
+              color: activeId === item.id ? "#2563eb" : "#6b7280",
+              fontWeight: activeId === item.id ? 500 : 400,
+              transition: "color 0.2s"
+            },
+            children: item.text
+          }
+        )
+      },
+      item.id
+    )) })
+  ] });
+}
+
+exports.AuthorCard = AuthorCard;
+exports.BlogList = BlogList;
+exports.BlogPost = BlogPost;
+exports.RelatedPosts = RelatedPosts;
+exports.TableOfContents = TableOfContents;
+//# sourceMappingURL=index.js.map
+//# sourceMappingURL=index.js.map

package/dist/blog/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/blog/BlogPost.tsx","../../src/blog/BlogList.tsx","../../src/blog/AuthorCard.tsx","../../src/blog/RelatedPosts.tsx","../../src/blog/TableOfContents.tsx"],"names":["jsxs","jsx","useState","useEffect"],"mappings":"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","file":"index.js","sourcesContent":["/**\n * @uptrade/site-kit/blog - Blog Post Component (Placeholder)\n */\n\nimport React from 'react'\nimport type { BlogPostProps } from './types'\n\nexport async function BlogPost({ projectId, slug, children }: BlogPostProps) {\n  // Placeholder - full implementation will:\n  // 1. Fetch post from Supabase\n  // 2. Parse content (markdown to HTML if needed)\n  // 3. Generate table of contents\n  // 4. Fetch related posts\n  // 5. Track view analytics\n  \n  return (\n    <div>\n      <p>Blog post: {slug}</p>\n      <p>Coming soon...</p>\n    </div>\n  )\n}\n","/**\n * @uptrade/site-kit/blog - Blog List Component (Placeholder)\n */\n\nimport React from 'react'\nimport type { BlogListProps } from './types'\n\nexport async function BlogList({ projectId, options, children }: BlogListProps) {\n  // Placeholder - full implementation will:\n  // 1. Fetch posts with pagination\n  // 2. Apply filters (category, tag, search)\n  // 3. Fetch categories and tags for filtering UI\n  \n  return (\n    <div>\n      <p>Blog list for project: {projectId}</p>\n      <p>Coming soon...</p>\n    </div>\n  )\n}\n","/**\n * @uptrade/site-kit/blog - Author Card Component\n */\n\nimport React from 'react'\nimport type { AuthorCardProps } from './types'\n\nexport function AuthorCard({ author, showBio = true, showSocial = true, className }: AuthorCardProps) {\n  return (\n    <div className={className} style={{ display: 'flex', gap: 16, alignItems: 'flex-start' }}>\n      {author.avatar_url && (\n        <img\n          src={author.avatar_url}\n          alt={author.name}\n          style={{\n            width: 64,\n            height: 64,\n            borderRadius: '50%',\n            objectFit: 'cover',\n          }}\n        />\n      )}\n      <div>\n        <h4 style={{ margin: 0 }}>{author.name}</h4>\n        {showBio && author.bio && (\n          <p style={{ margin: '4px 0', color: '#6b7280', fontSize: 14 }}>{author.bio}</p>\n        )}\n        {showSocial && author.social_links && (\n          <div style={{ display: 'flex', gap: 12, marginTop: 8 }}>\n            {author.social_links.twitter && (\n              <a href={`https://twitter.com/${author.social_links.twitter}`} target=\"_blank\" rel=\"noopener noreferrer\">\n                Twitter\n              </a>\n            )}\n            {author.social_links.linkedin && (\n              <a href={author.social_links.linkedin} target=\"_blank\" rel=\"noopener noreferrer\">\n                LinkedIn\n              </a>\n            )}\n            {author.social_links.github && (\n              <a href={`https://github.com/${author.social_links.github}`} target=\"_blank\" rel=\"noopener noreferrer\">\n                GitHub\n              </a>\n            )}\n          </div>\n        )}\n      </div>\n    </div>\n  )\n}\n","/**\n * @uptrade/site-kit/blog - Related Posts Component\n * \n * Fetches and displays related blog posts via Portal API\n */\n\nimport React from 'react'\nimport type { RelatedPostsProps, BlogPost } from './types'\n\nasync function fetchRelatedPosts(\n  apiUrl: string,\n  apiKey: string,\n  currentPostId: string,\n  limit: number\n): Promise<BlogPost[]> {\n  try {\n    const response = await fetch(`${apiUrl}/api/public/blog/related`, {\n      method: 'POST',\n      headers: {\n        'Content-Type': 'application/json',\n        'x-api-key': apiKey,\n      },\n      body: JSON.stringify({\n        currentPostId,\n        limit,\n      }),\n    })\n    \n    if (!response.ok) {\n      console.error('Failed to fetch related posts:', response.statusText)\n      return []\n    }\n    \n    const data = await response.json()\n    return data.posts || []\n  } catch (error) {\n    console.error('Failed to fetch related posts:', error)\n    return []\n  }\n}\n\ninterface RelatedPostsServerProps extends Omit<RelatedPostsProps, 'projectId'> {\n  apiUrl?: string\n  apiKey?: string\n}\n\nexport async function RelatedPosts({\n  apiUrl = process.env.NEXT_PUBLIC_UPTRADE_API_URL || 'https://api.uptrademedia.com',\n  apiKey = process.env.NEXT_PUBLIC_UPTRADE_API_KEY || '',\n  currentPostId,\n  limit = 3,\n  className,\n  renderItem,\n}: RelatedPostsServerProps) {\n  if (!apiKey) {\n    console.warn('[Blog] No API key configured for RelatedPosts')\n    return null\n  }\n  \n  const posts = await fetchRelatedPosts(apiUrl, apiKey, currentPostId, limit)\n\n  if (posts.length === 0) return null\n\n  return (\n    <section className={className}>\n      <h3 style={{ marginBottom: 16 }}>Related Posts</h3>\n      <div style={{ display: 'grid', gap: 16 }}>\n        {posts.map((post) =>\n          renderItem ? (\n            renderItem(post)\n          ) : (\n            <article key={post.id} style={{ borderBottom: '1px solid #e5e7eb', paddingBottom: 16 }}>\n              {post.featured_image && (\n                <img\n                  src={post.featured_image}\n                  alt={post.title}\n                  style={{\n                    width: '100%',\n                    height: 120,\n                    objectFit: 'cover',\n                    borderRadius: 8,\n                    marginBottom: 8,\n                  }}\n                />\n              )}\n              <a href={`/blog/${post.slug}`} style={{ textDecoration: 'none' }}>\n                <h4 style={{ margin: 0, color: 'inherit' }}>{post.title}</h4>\n              </a>\n              {post.excerpt && (\n                <p style={{ margin: '4px 0 0', fontSize: 14, color: '#6b7280' }}>\n                  {post.excerpt}\n                </p>\n              )}\n            </article>\n          )\n        )}\n      </div>\n    </section>\n  )\n}\n","/**\n * @uptrade/site-kit/blog - Table of Contents Component\n */\n\n'use client'\n\nimport React, { useState, useEffect } from 'react'\nimport type { TableOfContentsProps } from './types'\n\ninterface TocItem {\n  id: string\n  text: string\n  level: number\n}\n\nfunction parseHeadings(content: string): TocItem[] {\n  // Extract headings from HTML content\n  const headingRegex = /<h([2-4])[^>]*id=\"([^\"]*)\"[^>]*>(.*?)<\\/h[2-4]>/gi\n  const items: TocItem[] = []\n  let match\n\n  while ((match = headingRegex.exec(content)) !== null) {\n    items.push({\n      level: parseInt(match[1]),\n      id: match[2],\n      text: match[3].replace(/<[^>]*>/g, ''), // Strip any nested HTML\n    })\n  }\n\n  return items\n}\n\nexport function TableOfContents({\n  content,\n  className,\n  maxDepth = 3,\n}: TableOfContentsProps) {\n  const [activeId, setActiveId] = useState<string>('')\n  const items = parseHeadings(content).filter((item) => item.level <= maxDepth)\n\n  useEffect(() => {\n    if (typeof window === 'undefined') return\n\n    const observer = new IntersectionObserver(\n      (entries) => {\n        entries.forEach((entry) => {\n          if (entry.isIntersecting) {\n            setActiveId(entry.target.id)\n          }\n        })\n      },\n      {\n        rootMargin: '-20% 0% -35% 0%',\n        threshold: 0,\n      }\n    )\n\n    // Observe all headings\n    items.forEach((item) => {\n      const element = document.getElementById(item.id)\n      if (element) {\n        observer.observe(element)\n      }\n    })\n\n    return () => observer.disconnect()\n  }, [items])\n\n  if (items.length === 0) return null\n\n  const handleClick = (id: string) => {\n    const element = document.getElementById(id)\n    if (element) {\n      element.scrollIntoView({ behavior: 'smooth' })\n    }\n  }\n\n  return (\n    <nav className={className} aria-label=\"Table of contents\">\n      <h4 style={{ margin: '0 0 12px', fontSize: 14, fontWeight: 600, textTransform: 'uppercase', letterSpacing: '0.05em' }}>\n        On This Page\n      </h4>\n      <ul style={{ listStyle: 'none', margin: 0, padding: 0 }}>\n        {items.map((item) => (\n          <li\n            key={item.id}\n            style={{\n              paddingLeft: (item.level - 2) * 12,\n              marginBottom: 8,\n            }}\n          >\n            <button\n              onClick={() => handleClick(item.id)}\n              style={{\n                all: 'unset',\n                cursor: 'pointer',\n                fontSize: 14,\n                color: activeId === item.id ? '#2563eb' : '#6b7280',\n                fontWeight: activeId === item.id ? 500 : 400,\n                transition: 'color 0.2s',\n              }}\n            >\n              {item.text}\n            </button>\n          </li>\n        ))}\n      </ul>\n    </nav>\n  )\n}\n"]}

package/dist/blog/index.mjs

@@ -0,0 +1,194 @@
+import '../chunk-NYKRE2FL.mjs';
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { useState, useEffect } from 'react';
+
+async function BlogPost({ projectId, slug, children }) {
+  return /* @__PURE__ */ jsxs("div", { children: [
+    /* @__PURE__ */ jsxs("p", { children: [
+      "Blog post: ",
+      slug
+    ] }),
+    /* @__PURE__ */ jsx("p", { children: "Coming soon..." })
+  ] });
+}
+async function BlogList({ projectId, options, children }) {
+  return /* @__PURE__ */ jsxs("div", { children: [
+    /* @__PURE__ */ jsxs("p", { children: [
+      "Blog list for project: ",
+      projectId
+    ] }),
+    /* @__PURE__ */ jsx("p", { children: "Coming soon..." })
+  ] });
+}
+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"
+        }
+      }
+    ),
+    /* @__PURE__ */ jsxs("div", { children: [
+      /* @__PURE__ */ jsx("h4", { style: { margin: 0 }, children: author.name }),
+      showBio && author.bio && /* @__PURE__ */ jsx("p", { style: { margin: "4px 0", color: "#6b7280", 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" })
+      ] })
+    ] })
+  ] });
+}
+async function fetchRelatedPosts(apiUrl, apiKey, currentPostId, limit) {
+  try {
+    const response = await fetch(`${apiUrl}/api/public/blog/related`, {
+      method: "POST",
+      headers: {
+        "Content-Type": "application/json",
+        "x-api-key": apiKey
+      },
+      body: JSON.stringify({
+        currentPostId,
+        limit
+      })
+    });
+    if (!response.ok) {
+      console.error("Failed to fetch related posts:", response.statusText);
+      return [];
+    }
+    const data = await response.json();
+    return data.posts || [];
+  } catch (error) {
+    console.error("Failed to fetch related posts:", error);
+    return [];
+  }
+}
+async function RelatedPosts({
+  apiUrl = process.env.NEXT_PUBLIC_UPTRADE_API_URL || "https://api.uptrademedia.com",
+  apiKey = process.env.NEXT_PUBLIC_UPTRADE_API_KEY || "",
+  currentPostId,
+  limit = 3,
+  className,
+  renderItem
+}) {
+  if (!apiKey) {
+    console.warn("[Blog] No API key configured for RelatedPosts");
+    return null;
+  }
+  const posts = await fetchRelatedPosts(apiUrl, apiKey, currentPostId, limit);
+  if (posts.length === 0) return null;
+  return /* @__PURE__ */ jsxs("section", { className, children: [
+    /* @__PURE__ */ jsx("h3", { style: { marginBottom: 16 }, children: "Related Posts" }),
+    /* @__PURE__ */ jsx("div", { style: { display: "grid", gap: 16 }, children: posts.map(
+      (post) => renderItem ? renderItem(post) : /* @__PURE__ */ jsxs("article", { style: { borderBottom: "1px solid #e5e7eb", paddingBottom: 16 }, children: [
+        post.featured_image && /* @__PURE__ */ jsx(
+          "img",
+          {
+            src: post.featured_image,
+            alt: post.title,
+            style: {
+              width: "100%",
+              height: 120,
+              objectFit: "cover",
+              borderRadius: 8,
+              marginBottom: 8
+            }
+          }
+        ),
+        /* @__PURE__ */ jsx("a", { href: `/blog/${post.slug}`, style: { textDecoration: "none" }, children: /* @__PURE__ */ jsx("h4", { style: { margin: 0, color: "inherit" }, children: post.title }) }),
+        post.excerpt && /* @__PURE__ */ jsx("p", { style: { margin: "4px 0 0", fontSize: 14, color: "#6b7280" }, children: post.excerpt })
+      ] }, post.id)
+    ) })
+  ] });
+}
+function parseHeadings(content) {
+  const headingRegex = /<h([2-4])[^>]*id="([^"]*)"[^>]*>(.*?)<\/h[2-4]>/gi;
+  const items = [];
+  let match;
+  while ((match = headingRegex.exec(content)) !== null) {
+    items.push({
+      level: parseInt(match[1]),
+      id: match[2],
+      text: match[3].replace(/<[^>]*>/g, "")
+      // Strip any nested HTML
+    });
+  }
+  return items;
+}
+function TableOfContents({
+  content,
+  className,
+  maxDepth = 3
+}) {
+  const [activeId, setActiveId] = useState("");
+  const items = parseHeadings(content).filter((item) => item.level <= maxDepth);
+  useEffect(() => {
+    if (typeof window === "undefined") return;
+    const observer = new IntersectionObserver(
+      (entries) => {
+        entries.forEach((entry) => {
+          if (entry.isIntersecting) {
+            setActiveId(entry.target.id);
+          }
+        });
+      },
+      {
+        rootMargin: "-20% 0% -35% 0%",
+        threshold: 0
+      }
+    );
+    items.forEach((item) => {
+      const element = document.getElementById(item.id);
+      if (element) {
+        observer.observe(element);
+      }
+    });
+    return () => observer.disconnect();
+  }, [items]);
+  if (items.length === 0) return null;
+  const handleClick = (id) => {
+    const element = document.getElementById(id);
+    if (element) {
+      element.scrollIntoView({ behavior: "smooth" });
+    }
+  };
+  return /* @__PURE__ */ jsxs("nav", { className, "aria-label": "Table of contents", children: [
+    /* @__PURE__ */ jsx("h4", { style: { margin: "0 0 12px", fontSize: 14, fontWeight: 600, textTransform: "uppercase", letterSpacing: "0.05em" }, children: "On This Page" }),
+    /* @__PURE__ */ jsx("ul", { style: { listStyle: "none", margin: 0, padding: 0 }, children: items.map((item) => /* @__PURE__ */ jsx(
+      "li",
+      {
+        style: {
+          paddingLeft: (item.level - 2) * 12,
+          marginBottom: 8
+        },
+        children: /* @__PURE__ */ jsx(
+          "button",
+          {
+            onClick: () => handleClick(item.id),
+            style: {
+              all: "unset",
+              cursor: "pointer",
+              fontSize: 14,
+              color: activeId === item.id ? "#2563eb" : "#6b7280",
+              fontWeight: activeId === item.id ? 500 : 400,
+              transition: "color 0.2s"
+            },
+            children: item.text
+          }
+        )
+      },
+      item.id
+    )) })
+  ] });
+}
+
+export { AuthorCard, BlogList, BlogPost, RelatedPosts, TableOfContents };
+//# sourceMappingURL=index.mjs.map
+//# sourceMappingURL=index.mjs.map

package/dist/blog/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/blog/BlogPost.tsx","../../src/blog/BlogList.tsx","../../src/blog/AuthorCard.tsx","../../src/blog/RelatedPosts.tsx","../../src/blog/TableOfContents.tsx"],"names":["jsxs","jsx"],"mappings":"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","file":"index.mjs","sourcesContent":["/**\n * @uptrade/site-kit/blog - Blog Post Component (Placeholder)\n */\n\nimport React from 'react'\nimport type { BlogPostProps } from './types'\n\nexport async function BlogPost({ projectId, slug, children }: BlogPostProps) {\n  // Placeholder - full implementation will:\n  // 1. Fetch post from Supabase\n  // 2. Parse content (markdown to HTML if needed)\n  // 3. Generate table of contents\n  // 4. Fetch related posts\n  // 5. Track view analytics\n  \n  return (\n    <div>\n      <p>Blog post: {slug}</p>\n      <p>Coming soon...</p>\n    </div>\n  )\n}\n","/**\n * @uptrade/site-kit/blog - Blog List Component (Placeholder)\n */\n\nimport React from 'react'\nimport type { BlogListProps } from './types'\n\nexport async function BlogList({ projectId, options, children }: BlogListProps) {\n  // Placeholder - full implementation will:\n  // 1. Fetch posts with pagination\n  // 2. Apply filters (category, tag, search)\n  // 3. Fetch categories and tags for filtering UI\n  \n  return (\n    <div>\n      <p>Blog list for project: {projectId}</p>\n      <p>Coming soon...</p>\n    </div>\n  )\n}\n","/**\n * @uptrade/site-kit/blog - Author Card Component\n */\n\nimport React from 'react'\nimport type { AuthorCardProps } from './types'\n\nexport function AuthorCard({ author, showBio = true, showSocial = true, className }: AuthorCardProps) {\n  return (\n    <div className={className} style={{ display: 'flex', gap: 16, alignItems: 'flex-start' }}>\n      {author.avatar_url && (\n        <img\n          src={author.avatar_url}\n          alt={author.name}\n          style={{\n            width: 64,\n            height: 64,\n            borderRadius: '50%',\n            objectFit: 'cover',\n          }}\n        />\n      )}\n      <div>\n        <h4 style={{ margin: 0 }}>{author.name}</h4>\n        {showBio && author.bio && (\n          <p style={{ margin: '4px 0', color: '#6b7280', fontSize: 14 }}>{author.bio}</p>\n        )}\n        {showSocial && author.social_links && (\n          <div style={{ display: 'flex', gap: 12, marginTop: 8 }}>\n            {author.social_links.twitter && (\n              <a href={`https://twitter.com/${author.social_links.twitter}`} target=\"_blank\" rel=\"noopener noreferrer\">\n                Twitter\n              </a>\n            )}\n            {author.social_links.linkedin && (\n              <a href={author.social_links.linkedin} target=\"_blank\" rel=\"noopener noreferrer\">\n                LinkedIn\n              </a>\n            )}\n            {author.social_links.github && (\n              <a href={`https://github.com/${author.social_links.github}`} target=\"_blank\" rel=\"noopener noreferrer\">\n                GitHub\n              </a>\n            )}\n          </div>\n        )}\n      </div>\n    </div>\n  )\n}\n","/**\n * @uptrade/site-kit/blog - Related Posts Component\n * \n * Fetches and displays related blog posts via Portal API\n */\n\nimport React from 'react'\nimport type { RelatedPostsProps, BlogPost } from './types'\n\nasync function fetchRelatedPosts(\n  apiUrl: string,\n  apiKey: string,\n  currentPostId: string,\n  limit: number\n): Promise<BlogPost[]> {\n  try {\n    const response = await fetch(`${apiUrl}/api/public/blog/related`, {\n      method: 'POST',\n      headers: {\n        'Content-Type': 'application/json',\n        'x-api-key': apiKey,\n      },\n      body: JSON.stringify({\n        currentPostId,\n        limit,\n      }),\n    })\n    \n    if (!response.ok) {\n      console.error('Failed to fetch related posts:', response.statusText)\n      return []\n    }\n    \n    const data = await response.json()\n    return data.posts || []\n  } catch (error) {\n    console.error('Failed to fetch related posts:', error)\n    return []\n  }\n}\n\ninterface RelatedPostsServerProps extends Omit<RelatedPostsProps, 'projectId'> {\n  apiUrl?: string\n  apiKey?: string\n}\n\nexport async function RelatedPosts({\n  apiUrl = process.env.NEXT_PUBLIC_UPTRADE_API_URL || 'https://api.uptrademedia.com',\n  apiKey = process.env.NEXT_PUBLIC_UPTRADE_API_KEY || '',\n  currentPostId,\n  limit = 3,\n  className,\n  renderItem,\n}: RelatedPostsServerProps) {\n  if (!apiKey) {\n    console.warn('[Blog] No API key configured for RelatedPosts')\n    return null\n  }\n  \n  const posts = await fetchRelatedPosts(apiUrl, apiKey, currentPostId, limit)\n\n  if (posts.length === 0) return null\n\n  return (\n    <section className={className}>\n      <h3 style={{ marginBottom: 16 }}>Related Posts</h3>\n      <div style={{ display: 'grid', gap: 16 }}>\n        {posts.map((post) =>\n          renderItem ? (\n            renderItem(post)\n          ) : (\n            <article key={post.id} style={{ borderBottom: '1px solid #e5e7eb', paddingBottom: 16 }}>\n              {post.featured_image && (\n                <img\n                  src={post.featured_image}\n                  alt={post.title}\n                  style={{\n                    width: '100%',\n                    height: 120,\n                    objectFit: 'cover',\n                    borderRadius: 8,\n                    marginBottom: 8,\n                  }}\n                />\n              )}\n              <a href={`/blog/${post.slug}`} style={{ textDecoration: 'none' }}>\n                <h4 style={{ margin: 0, color: 'inherit' }}>{post.title}</h4>\n              </a>\n              {post.excerpt && (\n                <p style={{ margin: '4px 0 0', fontSize: 14, color: '#6b7280' }}>\n                  {post.excerpt}\n                </p>\n              )}\n            </article>\n          )\n        )}\n      </div>\n    </section>\n  )\n}\n","/**\n * @uptrade/site-kit/blog - Table of Contents Component\n */\n\n'use client'\n\nimport React, { useState, useEffect } from 'react'\nimport type { TableOfContentsProps } from './types'\n\ninterface TocItem {\n  id: string\n  text: string\n  level: number\n}\n\nfunction parseHeadings(content: string): TocItem[] {\n  // Extract headings from HTML content\n  const headingRegex = /<h([2-4])[^>]*id=\"([^\"]*)\"[^>]*>(.*?)<\\/h[2-4]>/gi\n  const items: TocItem[] = []\n  let match\n\n  while ((match = headingRegex.exec(content)) !== null) {\n    items.push({\n      level: parseInt(match[1]),\n      id: match[2],\n      text: match[3].replace(/<[^>]*>/g, ''), // Strip any nested HTML\n    })\n  }\n\n  return items\n}\n\nexport function TableOfContents({\n  content,\n  className,\n  maxDepth = 3,\n}: TableOfContentsProps) {\n  const [activeId, setActiveId] = useState<string>('')\n  const items = parseHeadings(content).filter((item) => item.level <= maxDepth)\n\n  useEffect(() => {\n    if (typeof window === 'undefined') return\n\n    const observer = new IntersectionObserver(\n      (entries) => {\n        entries.forEach((entry) => {\n          if (entry.isIntersecting) {\n            setActiveId(entry.target.id)\n          }\n        })\n      },\n      {\n        rootMargin: '-20% 0% -35% 0%',\n        threshold: 0,\n      }\n    )\n\n    // Observe all headings\n    items.forEach((item) => {\n      const element = document.getElementById(item.id)\n      if (element) {\n        observer.observe(element)\n      }\n    })\n\n    return () => observer.disconnect()\n  }, [items])\n\n  if (items.length === 0) return null\n\n  const handleClick = (id: string) => {\n    const element = document.getElementById(id)\n    if (element) {\n      element.scrollIntoView({ behavior: 'smooth' })\n    }\n  }\n\n  return (\n    <nav className={className} aria-label=\"Table of contents\">\n      <h4 style={{ margin: '0 0 12px', fontSize: 14, fontWeight: 600, textTransform: 'uppercase', letterSpacing: '0.05em' }}>\n        On This Page\n      </h4>\n      <ul style={{ listStyle: 'none', margin: 0, padding: 0 }}>\n        {items.map((item) => (\n          <li\n            key={item.id}\n            style={{\n              paddingLeft: (item.level - 2) * 12,\n              marginBottom: 8,\n            }}\n          >\n            <button\n              onClick={() => handleClick(item.id)}\n              style={{\n                all: 'unset',\n                cursor: 'pointer',\n                fontSize: 14,\n                color: activeId === item.id ? '#2563eb' : '#6b7280',\n                fontWeight: activeId === item.id ? 500 : 400,\n                transition: 'color 0.2s',\n              }}\n            >\n              {item.text}\n            </button>\n          </li>\n        ))}\n      </ul>\n    </nav>\n  )\n}\n"]}