g-comments 0.2.1 → 0.2.2

package/dist/react.js

@@ -1,5 +1,5 @@
 "use client";
-import { createTranslator, PACKAGE_NAME, currentUrlWithoutHash, findComment, createComposerTimer, normalizeForum, resolveLocale, clientRegistry, STORAGE_PREFIX, isCommentsError, CommentsError, encodeRef, defaultPageUrl } from './chunk-WACVXJHD.js';
+import { createTranslator, PACKAGE_NAME, currentUrlWithoutHash, findComment, findByNumber, createComposerTimer, normalizeForum, resolveLocale, clientRegistry, STORAGE_PREFIX, isCommentsError, CommentsError, encodeRef, defaultPageUrl } from './chunk-EWWBVJ2B.js';
 import { createContext, useState, useRef, useCallback, useEffect, useMemo, Fragment as Fragment$1, useId, useContext, useLayoutEffect, useSyncExternalStore } from 'react';
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 
@@ -1659,7 +1659,7 @@ function UserAvatar({
   return /* @__PURE__ */ jsx("span", { className: cx("gc-avatar", "gc-avatar--placeholder", className), "aria-hidden": "true", children: initial3 });
 }
 function Meta({ className }) {
-  const { comment } = useItemContext("Comments.Meta");
+  const { comment, depth } = useItemContext("Comments.Meta");
   const { t, locale, client, elements } = useRootContext("Comments.Meta");
   const author = comment.author;
   const name = author ? author.name || author.username : null;
@@ -1680,9 +1680,31 @@ function Meta({ className }) {
       t("pinned")
     ] }),
     /* @__PURE__ */ jsx("a", { className: "gc-comment__time", href: `#gc-${comment.id}`, children: /* @__PURE__ */ jsx(RelativeTime, { iso: comment.created_at, locale }) }),
-    comment.edited && /* @__PURE__ */ jsx("span", { className: "gc-comment__edited", title: formatAbsolute(comment.updated_at, locale), children: t("edited") })
+    comment.edited && /* @__PURE__ */ jsx("span", { className: "gc-comment__edited", title: formatAbsolute(comment.updated_at, locale), children: t("edited") }),
+    comment.reply_to && depth === 0 && /* @__PURE__ */ jsx(ReplyReference, { reference: comment.reply_to })
   ] });
 }
+function ReplyReference({ reference }) {
+  const { t, snapshot, focusComment } = useRootContext("Comments.Meta");
+  const label = t("replyingTo", { username: reference.username ?? "" });
+  const parent = snapshot ? findByNumber(snapshot.comments, reference.number) : null;
+  if (!parent) {
+    return /* @__PURE__ */ jsx("span", { className: "gc-comment__reply-to", children: label });
+  }
+  const id = parent.node.id;
+  return /* @__PURE__ */ jsx(
+    "a",
+    {
+      className: "gc-comment__reply-to",
+      href: `#gc-${id}`,
+      onClick: (event) => {
+        event.preventDefault();
+        focusComment(id, { scroll: true });
+      },
+      children: label
+    }
+  );
+}
 function RelativeTime({ iso, locale }) {
   const [now, setNow] = useState(Date.now);
   useEffect(() => onMinuteTick(() => setNow(Date.now())), []);