@fullstackdatasolutions/articles 0.6.0 → 0.7.1

package/dist/index.js

@@ -966,19 +966,10 @@ function ArticleSocialShare({ title, url, excerpt, shareMessage }) {
         /* @__PURE__ */ jsx12(MessageCircle, { className: "h-4 w-4" }),
         "Telegram"
       ] }),
-      /* @__PURE__ */ jsxs12(
-        "button",
-        {
-          className: btnClass,
-          onClick: () => {
-            globalThis.location.href = shareLinks.email;
-          },
-          children: [
-            /* @__PURE__ */ jsx12(Mail, { className: "h-4 w-4" }),
-            "Email"
-          ]
-        }
-      ),
+      /* @__PURE__ */ jsxs12("a", { className: btnClass, href: shareLinks.email, children: [
+        /* @__PURE__ */ jsx12(Mail, { className: "h-4 w-4" }),
+        "Email"
+      ] }),
       /* @__PURE__ */ jsxs12("button", { className: btnClass, onClick: copyToClipboard, children: [
         copied ? /* @__PURE__ */ jsx12(Check, { className: "h-4 w-4" }) : /* @__PURE__ */ jsx12(Copy, { className: "h-4 w-4" }),
         copied ? "Copied!" : "Copy Link"
@@ -1029,18 +1020,42 @@ function ArticleNavigation({ previous, next, basePath }) {
   ] }) });
 }
 
-// src/ArticleTOC.tsx
+// src/ArticleBackLink.tsx
+import Link8 from "next/link";
+import { ArrowLeft } from "lucide-react";
 import { jsx as jsx14, jsxs as jsxs14 } from "react/jsx-runtime";
+function ArticleBackLink({
+  config,
+  href = "/articles",
+  label = "Back to Articles",
+  className
+}) {
+  if (config.showBackToArticles === false) return null;
+  return /* @__PURE__ */ jsxs14(
+    Link8,
+    {
+      href,
+      className: className != null ? className : "inline-flex items-center gap-2 mb-6 -ml-3 px-3 py-2 rounded-md text-sm font-medium text-muted-foreground hover:text-foreground hover:bg-muted/50 transition-colors",
+      children: [
+        /* @__PURE__ */ jsx14(ArrowLeft, { className: "h-4 w-4" }),
+        label
+      ]
+    }
+  );
+}
+
+// src/ArticleTOC.tsx
+import { jsx as jsx15, jsxs as jsxs15 } from "react/jsx-runtime";
 function ArticleTOC({ toc, className }) {
   if (!toc.length) return null;
-  return /* @__PURE__ */ jsxs14(
+  return /* @__PURE__ */ jsxs15(
     "nav",
     {
       "aria-label": "Table of contents",
       className: `mb-8 rounded-lg border border-border bg-muted/40 px-6 py-4 ${className != null ? className : ""}`,
       children: [
-        /* @__PURE__ */ jsx14("p", { className: "mb-3 text-sm font-semibold uppercase tracking-wide text-muted-foreground", children: "On this page" }),
-        /* @__PURE__ */ jsx14("ul", { className: "space-y-1 text-sm", children: toc.map((item) => /* @__PURE__ */ jsx14("li", { style: { paddingLeft: `${Math.max(0, item.depth - 2) * 1}rem` }, children: /* @__PURE__ */ jsx14(
+        /* @__PURE__ */ jsx15("p", { className: "mb-3 text-sm font-semibold uppercase tracking-wide text-muted-foreground", children: "On this page" }),
+        /* @__PURE__ */ jsx15("ul", { className: "space-y-1 text-sm", children: toc.map((item) => /* @__PURE__ */ jsx15("li", { style: { paddingLeft: `${Math.max(0, item.depth - 2) * 1}rem` }, children: /* @__PURE__ */ jsx15(
           "a",
           {
             href: `#${item.id}`,
@@ -1056,7 +1071,7 @@ function ArticleTOC({ toc, className }) {
 // src/ScrollToTop.tsx
 import { useEffect as useEffect4, useState as useState5 } from "react";
 import { ArrowUp } from "lucide-react";
-import { jsx as jsx15 } from "react/jsx-runtime";
+import { jsx as jsx16 } from "react/jsx-runtime";
 function ScrollToTop() {
   const [visible, setVisible] = useState5(false);
   useEffect4(() => {
@@ -1065,13 +1080,13 @@ function ScrollToTop() {
     return () => globalThis.removeEventListener("scroll", onScroll);
   }, []);
   if (!visible) return null;
-  return /* @__PURE__ */ jsx15(
+  return /* @__PURE__ */ jsx16(
     "button",
     {
       "aria-label": "Scroll to top",
       onClick: () => globalThis.scrollTo({ top: 0, behavior: "smooth" }),
       className: "fixed bottom-8 right-8 z-50 rounded-full bg-primary p-2 shadow-md text-primary-foreground hover:bg-primary/90 transition-colors",
-      children: /* @__PURE__ */ jsx15(ArrowUp, { className: "h-5 w-5" })
+      children: /* @__PURE__ */ jsx16(ArrowUp, { className: "h-5 w-5" })
     }
   );
 }
@@ -1082,7 +1097,7 @@ import { useCallback as useCallback2, useEffect as useEffect5, useState as useSt
 
 // src/CommentForm.tsx
 import { useState as useState6 } from "react";
-import { jsx as jsx16, jsxs as jsxs15 } from "react/jsx-runtime";
+import { jsx as jsx17, jsxs as jsxs16 } from "react/jsx-runtime";
 var MAX_LENGTH = 2e3;
 var WARN_THRESHOLD = 1800;
 function submitLabel(submitting, parentId) {
@@ -1121,8 +1136,8 @@ function CommentForm({ articleSlug, parentId, onSuccess, onCancel }) {
       }
     });
   }
-  return /* @__PURE__ */ jsxs15("form", { onSubmit: handleSubmit, className: "space-y-2", children: [
-    /* @__PURE__ */ jsx16(
+  return /* @__PURE__ */ jsxs16("form", { onSubmit: handleSubmit, className: "space-y-2", children: [
+    /* @__PURE__ */ jsx17(
       "textarea",
       {
         value: body,
@@ -1135,13 +1150,13 @@ function CommentForm({ articleSlug, parentId, onSuccess, onCancel }) {
         "aria-label": parentId ? "Reply text" : "Comment text"
       }
     ),
-    remaining <= MAX_LENGTH - WARN_THRESHOLD && /* @__PURE__ */ jsxs15("p", { className: `text-xs ${remaining < 0 ? "text-destructive" : "text-muted-foreground"}`, children: [
+    remaining <= MAX_LENGTH - WARN_THRESHOLD && /* @__PURE__ */ jsxs16("p", { className: `text-xs ${remaining < 0 ? "text-destructive" : "text-muted-foreground"}`, children: [
       remaining,
       " characters remaining"
     ] }),
-    error && /* @__PURE__ */ jsx16("p", { className: "text-xs text-destructive", children: error }),
-    /* @__PURE__ */ jsxs15("div", { className: "flex gap-2", children: [
-      /* @__PURE__ */ jsx16(
+    error && /* @__PURE__ */ jsx17("p", { className: "text-xs text-destructive", children: error }),
+    /* @__PURE__ */ jsxs16("div", { className: "flex gap-2", children: [
+      /* @__PURE__ */ jsx17(
         "button",
         {
           type: "submit",
@@ -1150,7 +1165,7 @@ function CommentForm({ articleSlug, parentId, onSuccess, onCancel }) {
           children: submitLabel(submitting, parentId)
         }
       ),
-      onCancel && /* @__PURE__ */ jsx16(
+      onCancel && /* @__PURE__ */ jsx17(
         "button",
         {
           type: "button",
@@ -1165,7 +1180,7 @@ function CommentForm({ articleSlug, parentId, onSuccess, onCancel }) {
 
 // src/CommentItem.tsx
 import { useState as useState7 } from "react";
-import { Fragment as Fragment2, jsx as jsx17, jsxs as jsxs16 } from "react/jsx-runtime";
+import { Fragment as Fragment2, jsx as jsx18, jsxs as jsxs17 } from "react/jsx-runtime";
 function relativeTime(iso) {
   const diff = Date.now() - new Date(iso).getTime();
   const minutes = Math.floor(diff / 6e4);
@@ -1203,15 +1218,15 @@ function CommentItem({
       }
     });
   }
-  return /* @__PURE__ */ jsxs16("div", { className: `${isReply ? "ml-8 border-l-2 border-border pl-4" : ""}`, children: [
-    /* @__PURE__ */ jsx17("div", { className: "rounded-lg bg-muted/40 p-3 space-y-1", children: comment.isDeleted ? /* @__PURE__ */ jsx17("p", { className: "text-sm italic text-muted-foreground", children: "Comment removed" }) : /* @__PURE__ */ jsxs16(Fragment2, { children: [
-      /* @__PURE__ */ jsxs16("div", { className: "flex items-center justify-between gap-2", children: [
-        /* @__PURE__ */ jsx17("span", { className: "text-sm font-medium text-foreground", children: comment.authorName }),
-        /* @__PURE__ */ jsx17("span", { className: "text-xs text-muted-foreground", children: relativeTime(comment.createdAt) })
+  return /* @__PURE__ */ jsxs17("div", { className: `${isReply ? "ml-8 border-l-2 border-border pl-4" : ""}`, children: [
+    /* @__PURE__ */ jsx18("div", { className: "rounded-lg bg-muted/40 p-3 space-y-1", children: comment.isDeleted ? /* @__PURE__ */ jsx18("p", { className: "text-sm italic text-muted-foreground", children: "Comment removed" }) : /* @__PURE__ */ jsxs17(Fragment2, { children: [
+      /* @__PURE__ */ jsxs17("div", { className: "flex items-center justify-between gap-2", children: [
+        /* @__PURE__ */ jsx18("span", { className: "text-sm font-medium text-foreground", children: comment.authorName }),
+        /* @__PURE__ */ jsx18("span", { className: "text-xs text-muted-foreground", children: relativeTime(comment.createdAt) })
       ] }),
-      /* @__PURE__ */ jsx17("p", { className: "text-sm text-foreground whitespace-pre-wrap break-words", children: comment.body }),
-      /* @__PURE__ */ jsxs16("div", { className: "flex gap-3 pt-1", children: [
-        canReply && /* @__PURE__ */ jsx17(
+      /* @__PURE__ */ jsx18("p", { className: "text-sm text-foreground whitespace-pre-wrap break-words", children: comment.body }),
+      /* @__PURE__ */ jsxs17("div", { className: "flex gap-3 pt-1", children: [
+        canReply && /* @__PURE__ */ jsx18(
           "button",
           {
             onClick: () => setShowReplyForm((v) => !v),
@@ -1219,7 +1234,7 @@ function CommentItem({
             children: showReplyForm ? "Cancel" : "Reply"
           }
         ),
-        canDelete && /* @__PURE__ */ jsx17(
+        canDelete && /* @__PURE__ */ jsx18(
           "button",
           {
             onClick: handleDelete,
@@ -1230,7 +1245,7 @@ function CommentItem({
         )
       ] })
     ] }) }),
-    showReplyForm && /* @__PURE__ */ jsx17("div", { className: "mt-2 ml-2", children: /* @__PURE__ */ jsx17(
+    showReplyForm && /* @__PURE__ */ jsx18("div", { className: "mt-2 ml-2", children: /* @__PURE__ */ jsx18(
       CommentForm,
       {
         articleSlug,
@@ -1242,7 +1257,7 @@ function CommentItem({
         onCancel: () => setShowReplyForm(false)
       }
     ) }),
-    replies.length > 0 && /* @__PURE__ */ jsx17("div", { className: "mt-2 space-y-2", children: replies.map((reply) => /* @__PURE__ */ jsx17(
+    replies.length > 0 && /* @__PURE__ */ jsx18("div", { className: "mt-2 space-y-2", children: replies.map((reply) => /* @__PURE__ */ jsx18(
       CommentItem,
       {
         comment: __spreadProps(__spreadValues({}, reply), { replies: [] }),
@@ -1257,7 +1272,7 @@ function CommentItem({
 }
 
 // src/CommentThread.tsx
-import { jsx as jsx18 } from "react/jsx-runtime";
+import { jsx as jsx19 } from "react/jsx-runtime";
 function CommentThread({
   comments,
   articleSlug,
@@ -1265,9 +1280,9 @@ function CommentThread({
   onRefresh
 }) {
   if (comments.length === 0) {
-    return /* @__PURE__ */ jsx18("p", { className: "text-sm text-muted-foreground text-center py-6", children: "No comments yet. Be the first to share your thoughts." });
+    return /* @__PURE__ */ jsx19("p", { className: "text-sm text-muted-foreground text-center py-6", children: "No comments yet. Be the first to share your thoughts." });
   }
-  return /* @__PURE__ */ jsx18("div", { className: "space-y-4", children: comments.map((comment) => /* @__PURE__ */ jsx18(
+  return /* @__PURE__ */ jsx19("div", { className: "space-y-4", children: comments.map((comment) => /* @__PURE__ */ jsx19(
     CommentItem,
     {
       comment,
@@ -1280,7 +1295,7 @@ function CommentThread({
 }
 
 // src/CommentsSection.tsx
-import { jsx as jsx19, jsxs as jsxs17 } from "react/jsx-runtime";
+import { jsx as jsx20, jsxs as jsxs18 } from "react/jsx-runtime";
 function CommentsSection({ articleSlug, config }) {
   var _a, _b, _c, _d, _e, _f;
   const { data: session, status } = useSession();
@@ -1312,10 +1327,10 @@ function CommentsSection({ articleSlug, config }) {
   if (!enabled) return null;
   const count = comments.length;
   const label = count === 1 ? "1 comment" : `${count} comments`;
-  return /* @__PURE__ */ jsxs17("section", { "aria-label": "Comments", className: "mt-12 pt-8 border-t border-border space-y-6", children: [
-    /* @__PURE__ */ jsx19("h2", { className: "text-xl font-semibold text-foreground", children: loading ? "Comments" : label }),
-    status === "authenticated" ? /* @__PURE__ */ jsx19(CommentForm, { articleSlug, onSuccess: fetchComments }) : /* @__PURE__ */ jsxs17("p", { className: "text-sm text-muted-foreground", children: [
-      /* @__PURE__ */ jsx19(
+  return /* @__PURE__ */ jsxs18("section", { "aria-label": "Comments", className: "mt-12 pt-8 border-t border-border space-y-6", children: [
+    /* @__PURE__ */ jsx20("h2", { className: "text-xl font-semibold text-foreground", children: loading ? "Comments" : label }),
+    status === "authenticated" ? /* @__PURE__ */ jsx20(CommentForm, { articleSlug, onSuccess: fetchComments }) : /* @__PURE__ */ jsxs18("p", { className: "text-sm text-muted-foreground", children: [
+      /* @__PURE__ */ jsx20(
         "button",
         {
           onClick: () => signIn(),
@@ -1326,8 +1341,8 @@ function CommentsSection({ articleSlug, config }) {
       " ",
       "to join the discussion."
     ] }),
-    fetchError && /* @__PURE__ */ jsx19("p", { className: "text-sm text-destructive", children: fetchError }),
-    loading ? /* @__PURE__ */ jsx19("p", { className: "text-sm text-muted-foreground", children: "Loading comments\u2026" }) : /* @__PURE__ */ jsx19(
+    fetchError && /* @__PURE__ */ jsx20("p", { className: "text-sm text-destructive", children: fetchError }),
+    loading ? /* @__PURE__ */ jsx20("p", { className: "text-sm text-muted-foreground", children: "Loading comments\u2026" }) : /* @__PURE__ */ jsx20(
       CommentThread,
       {
         comments,
@@ -1339,6 +1354,7 @@ function CommentsSection({ articleSlug, config }) {
   ] });
 }
 export {
+  ArticleBackLink,
   ArticleCard,
   ArticleCategoryGrid,
   ArticleDetailHero,