@btst/stack 2.6.2 → 2.8.0

package/dist/packages/stack/src/plugins/comments/api/query-key-defs.cjs

@@ -0,0 +1,60 @@
+'use strict';
+
+function commentsListDiscriminator(params) {
+  return {
+    resourceId: params?.resourceId,
+    resourceType: params?.resourceType,
+    parentId: params?.parentId,
+    status: params?.status,
+    currentUserId: params?.currentUserId,
+    authorId: params?.authorId,
+    sort: params?.sort,
+    limit: params?.limit ?? 20,
+    offset: params?.offset ?? 0
+  };
+}
+function commentCountDiscriminator(params) {
+  return {
+    resourceId: params.resourceId,
+    resourceType: params.resourceType,
+    status: params.status
+  };
+}
+function commentsThreadDiscriminator(params) {
+  return {
+    resourceId: params?.resourceId,
+    resourceType: params?.resourceType,
+    parentId: params?.parentId,
+    status: params?.status,
+    currentUserId: params?.currentUserId,
+    limit: params?.limit ?? 20
+  };
+}
+const COMMENTS_QUERY_KEYS = {
+  /**
+   * Key for comments list query.
+   * Full key: ["comments", "list", { resourceId, resourceType, parentId, status, currentUserId, limit, offset }]
+   */
+  commentsList: (params) => ["comments", "list", commentsListDiscriminator(params)],
+  /**
+   * Key for a single comment detail query.
+   * Full key: ["comments", "detail", id]
+   */
+  commentDetail: (id) => ["comments", "detail", id],
+  /**
+   * Key for comment count query.
+   * Full key: ["comments", "count", { resourceId, resourceType, status }]
+   */
+  commentCount: (params) => ["comments", "count", commentCountDiscriminator(params)],
+  /**
+   * Key for the infinite thread query (top-level comments, load-more).
+   * Full key: ["commentsThread", "list", { resourceId, resourceType, parentId, status, currentUserId, limit }]
+   * Offset is excluded — it is driven by `pageParam`, not baked into the key.
+   */
+  commentsThread: (params) => ["commentsThread", "list", commentsThreadDiscriminator(params)]
+};
+
+exports.COMMENTS_QUERY_KEYS = COMMENTS_QUERY_KEYS;
+exports.commentCountDiscriminator = commentCountDiscriminator;
+exports.commentsListDiscriminator = commentsListDiscriminator;
+exports.commentsThreadDiscriminator = commentsThreadDiscriminator;

package/dist/packages/stack/src/plugins/comments/api/query-key-defs.mjs

@@ -0,0 +1,55 @@
+function commentsListDiscriminator(params) {
+  return {
+    resourceId: params?.resourceId,
+    resourceType: params?.resourceType,
+    parentId: params?.parentId,
+    status: params?.status,
+    currentUserId: params?.currentUserId,
+    authorId: params?.authorId,
+    sort: params?.sort,
+    limit: params?.limit ?? 20,
+    offset: params?.offset ?? 0
+  };
+}
+function commentCountDiscriminator(params) {
+  return {
+    resourceId: params.resourceId,
+    resourceType: params.resourceType,
+    status: params.status
+  };
+}
+function commentsThreadDiscriminator(params) {
+  return {
+    resourceId: params?.resourceId,
+    resourceType: params?.resourceType,
+    parentId: params?.parentId,
+    status: params?.status,
+    currentUserId: params?.currentUserId,
+    limit: params?.limit ?? 20
+  };
+}
+const COMMENTS_QUERY_KEYS = {
+  /**
+   * Key for comments list query.
+   * Full key: ["comments", "list", { resourceId, resourceType, parentId, status, currentUserId, limit, offset }]
+   */
+  commentsList: (params) => ["comments", "list", commentsListDiscriminator(params)],
+  /**
+   * Key for a single comment detail query.
+   * Full key: ["comments", "detail", id]
+   */
+  commentDetail: (id) => ["comments", "detail", id],
+  /**
+   * Key for comment count query.
+   * Full key: ["comments", "count", { resourceId, resourceType, status }]
+   */
+  commentCount: (params) => ["comments", "count", commentCountDiscriminator(params)],
+  /**
+   * Key for the infinite thread query (top-level comments, load-more).
+   * Full key: ["commentsThread", "list", { resourceId, resourceType, parentId, status, currentUserId, limit }]
+   * Offset is excluded — it is driven by `pageParam`, not baked into the key.
+   */
+  commentsThread: (params) => ["commentsThread", "list", commentsThreadDiscriminator(params)]
+};
+
+export { COMMENTS_QUERY_KEYS, commentCountDiscriminator, commentsListDiscriminator, commentsThreadDiscriminator };

package/dist/packages/stack/src/plugins/comments/api/serializers.cjs

@@ -0,0 +1,23 @@
+'use strict';
+
+function serializeComment(comment) {
+  return {
+    id: comment.id,
+    resourceId: comment.resourceId,
+    resourceType: comment.resourceType,
+    parentId: comment.parentId ?? null,
+    authorId: comment.authorId,
+    resolvedAuthorName: "[deleted]",
+    resolvedAvatarUrl: null,
+    isLikedByCurrentUser: false,
+    body: comment.body,
+    status: comment.status,
+    likes: comment.likes,
+    editedAt: comment.editedAt?.toISOString() ?? null,
+    createdAt: comment.createdAt.toISOString(),
+    updatedAt: comment.updatedAt.toISOString(),
+    replyCount: 0
+  };
+}
+
+exports.serializeComment = serializeComment;

package/dist/packages/stack/src/plugins/comments/api/serializers.mjs

@@ -0,0 +1,21 @@
+function serializeComment(comment) {
+  return {
+    id: comment.id,
+    resourceId: comment.resourceId,
+    resourceType: comment.resourceType,
+    parentId: comment.parentId ?? null,
+    authorId: comment.authorId,
+    resolvedAuthorName: "[deleted]",
+    resolvedAvatarUrl: null,
+    isLikedByCurrentUser: false,
+    body: comment.body,
+    status: comment.status,
+    likes: comment.likes,
+    editedAt: comment.editedAt?.toISOString() ?? null,
+    createdAt: comment.createdAt.toISOString(),
+    updatedAt: comment.updatedAt.toISOString(),
+    replyCount: 0
+  };
+}
+
+export { serializeComment };

package/dist/packages/stack/src/plugins/comments/client/components/comment-count.cjs

@@ -0,0 +1,46 @@
+"use client";
+'use strict';
+
+const jsxRuntime = require('react/jsx-runtime');
+const LucideIcons = require('lucide-react');
+const useComments = require('../hooks/use-comments.cjs');
+
+function CommentCount({
+  resourceId,
+  resourceType,
+  status = "approved",
+  apiBaseURL,
+  apiBasePath,
+  headers,
+  className
+}) {
+  const { count, isLoading } = useComments.useCommentCount(
+    { apiBaseURL, apiBasePath, headers },
+    { resourceId, resourceType, status }
+  );
+  if (isLoading) {
+    return /* @__PURE__ */ jsxRuntime.jsxs(
+      "span",
+      {
+        className: `inline-flex items-center gap-1 text-xs text-muted-foreground ${className ?? ""}`,
+        children: [
+          /* @__PURE__ */ jsxRuntime.jsx(LucideIcons.MessageSquare, { className: "h-3.5 w-3.5" }),
+          /* @__PURE__ */ jsxRuntime.jsx("span", { className: "animate-pulse", children: "\u2026" })
+        ]
+      }
+    );
+  }
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    "span",
+    {
+      className: `inline-flex items-center gap-1 text-xs text-muted-foreground ${className ?? ""}`,
+      "data-testid": "comment-count",
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsx(LucideIcons.MessageSquare, { className: "h-3.5 w-3.5" }),
+        count
+      ]
+    }
+  );
+}
+
+exports.CommentCount = CommentCount;

package/dist/packages/stack/src/plugins/comments/client/components/comment-count.mjs

@@ -0,0 +1,44 @@
+"use client";
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { MessageSquare } from 'lucide-react';
+import { useCommentCount } from '../hooks/use-comments.mjs';
+
+function CommentCount({
+  resourceId,
+  resourceType,
+  status = "approved",
+  apiBaseURL,
+  apiBasePath,
+  headers,
+  className
+}) {
+  const { count, isLoading } = useCommentCount(
+    { apiBaseURL, apiBasePath, headers },
+    { resourceId, resourceType, status }
+  );
+  if (isLoading) {
+    return /* @__PURE__ */ jsxs(
+      "span",
+      {
+        className: `inline-flex items-center gap-1 text-xs text-muted-foreground ${className ?? ""}`,
+        children: [
+          /* @__PURE__ */ jsx(MessageSquare, { className: "h-3.5 w-3.5" }),
+          /* @__PURE__ */ jsx("span", { className: "animate-pulse", children: "\u2026" })
+        ]
+      }
+    );
+  }
+  return /* @__PURE__ */ jsxs(
+    "span",
+    {
+      className: `inline-flex items-center gap-1 text-xs text-muted-foreground ${className ?? ""}`,
+      "data-testid": "comment-count",
+      children: [
+        /* @__PURE__ */ jsx(MessageSquare, { className: "h-3.5 w-3.5" }),
+        count
+      ]
+    }
+  );
+}
+
+export { CommentCount };

package/dist/packages/stack/src/plugins/comments/client/components/comment-form.cjs

@@ -0,0 +1,86 @@
+"use client";
+'use strict';
+
+const jsxRuntime = require('react/jsx-runtime');
+const React = require('react');
+const button = require('../../../../../../ui/src/components/button.cjs');
+const textarea = require('../../../../../../ui/src/components/textarea.cjs');
+const index = require('../localization/index.cjs');
+
+function CommentForm({
+  authorId: _authorId,
+  initialBody = "",
+  submitLabel,
+  onSubmit,
+  onCancel,
+  InputComponent,
+  localization: localizationProp
+}) {
+  const loc = { ...index.COMMENTS_LOCALIZATION, ...localizationProp };
+  const [body, setBody] = React.useState(initialBody);
+  const [isPending, setIsPending] = React.useState(false);
+  const [error, setError] = React.useState(null);
+  const resolvedSubmitLabel = submitLabel ?? loc.COMMENTS_FORM_POST_COMMENT;
+  const handleSubmit = async (e) => {
+    e.preventDefault();
+    if (!body.trim()) return;
+    setError(null);
+    setIsPending(true);
+    try {
+      await onSubmit(body.trim());
+      setBody("");
+    } catch (err) {
+      setError(
+        err instanceof Error ? err.message : loc.COMMENTS_FORM_SUBMIT_ERROR
+      );
+    } finally {
+      setIsPending(false);
+    }
+  };
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    "form",
+    {
+      "data-testid": "comment-form",
+      onSubmit: handleSubmit,
+      className: "flex flex-col gap-2",
+      children: [
+        InputComponent ? /* @__PURE__ */ jsxRuntime.jsx(
+          InputComponent,
+          {
+            value: body,
+            onChange: setBody,
+            disabled: isPending,
+            placeholder: loc.COMMENTS_FORM_PLACEHOLDER
+          }
+        ) : /* @__PURE__ */ jsxRuntime.jsx(
+          textarea.Textarea,
+          {
+            value: body,
+            onChange: (e) => setBody(e.target.value),
+            placeholder: loc.COMMENTS_FORM_PLACEHOLDER,
+            disabled: isPending,
+            rows: 3,
+            className: "resize-none"
+          }
+        ),
+        error && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm text-destructive", children: error }),
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex gap-2 justify-end", children: [
+          onCancel && /* @__PURE__ */ jsxRuntime.jsx(
+            button.Button,
+            {
+              type: "button",
+              variant: "ghost",
+              size: "sm",
+              onClick: onCancel,
+              disabled: isPending,
+              children: loc.COMMENTS_FORM_CANCEL
+            }
+          ),
+          /* @__PURE__ */ jsxRuntime.jsx(button.Button, { type: "submit", size: "sm", disabled: isPending || !body.trim(), children: isPending ? loc.COMMENTS_FORM_POSTING : resolvedSubmitLabel })
+        ] })
+      ]
+    }
+  );
+}
+
+exports.CommentForm = CommentForm;

package/dist/packages/stack/src/plugins/comments/client/components/comment-form.mjs

@@ -0,0 +1,84 @@
+"use client";
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { useState } from 'react';
+import { Button } from '../../../../../../ui/src/components/button.mjs';
+import { Textarea } from '../../../../../../ui/src/components/textarea.mjs';
+import { COMMENTS_LOCALIZATION } from '../localization/index.mjs';
+
+function CommentForm({
+  authorId: _authorId,
+  initialBody = "",
+  submitLabel,
+  onSubmit,
+  onCancel,
+  InputComponent,
+  localization: localizationProp
+}) {
+  const loc = { ...COMMENTS_LOCALIZATION, ...localizationProp };
+  const [body, setBody] = useState(initialBody);
+  const [isPending, setIsPending] = useState(false);
+  const [error, setError] = useState(null);
+  const resolvedSubmitLabel = submitLabel ?? loc.COMMENTS_FORM_POST_COMMENT;
+  const handleSubmit = async (e) => {
+    e.preventDefault();
+    if (!body.trim()) return;
+    setError(null);
+    setIsPending(true);
+    try {
+      await onSubmit(body.trim());
+      setBody("");
+    } catch (err) {
+      setError(
+        err instanceof Error ? err.message : loc.COMMENTS_FORM_SUBMIT_ERROR
+      );
+    } finally {
+      setIsPending(false);
+    }
+  };
+  return /* @__PURE__ */ jsxs(
+    "form",
+    {
+      "data-testid": "comment-form",
+      onSubmit: handleSubmit,
+      className: "flex flex-col gap-2",
+      children: [
+        InputComponent ? /* @__PURE__ */ jsx(
+          InputComponent,
+          {
+            value: body,
+            onChange: setBody,
+            disabled: isPending,
+            placeholder: loc.COMMENTS_FORM_PLACEHOLDER
+          }
+        ) : /* @__PURE__ */ jsx(
+          Textarea,
+          {
+            value: body,
+            onChange: (e) => setBody(e.target.value),
+            placeholder: loc.COMMENTS_FORM_PLACEHOLDER,
+            disabled: isPending,
+            rows: 3,
+            className: "resize-none"
+          }
+        ),
+        error && /* @__PURE__ */ jsx("p", { className: "text-sm text-destructive", children: error }),
+        /* @__PURE__ */ jsxs("div", { className: "flex gap-2 justify-end", children: [
+          onCancel && /* @__PURE__ */ jsx(
+            Button,
+            {
+              type: "button",
+              variant: "ghost",
+              size: "sm",
+              onClick: onCancel,
+              disabled: isPending,
+              children: loc.COMMENTS_FORM_CANCEL
+            }
+          ),
+          /* @__PURE__ */ jsx(Button, { type: "submit", size: "sm", disabled: isPending || !body.trim(), children: isPending ? loc.COMMENTS_FORM_POSTING : resolvedSubmitLabel })
+        ] })
+      ]
+    }
+  );
+}
+
+export { CommentForm };