@btst/stack 2.7.0 → 2.8.1

package/src/plugins/comments/client/components/pages/resource-comments-page.tsx

@@ -0,0 +1,97 @@
+"use client";
+
+import { lazy } from "react";
+import { ComposedRoute } from "@btst/stack/client/components";
+import { usePluginOverrides } from "@btst/stack/context";
+import type { CommentsPluginOverrides } from "../../overrides";
+import { COMMENTS_LOCALIZATION } from "../../localization";
+import { useRouteLifecycle } from "@workspace/ui/hooks/use-route-lifecycle";
+import { PageWrapper } from "../shared/page-wrapper";
+import { useResolvedCurrentUserId } from "../../utils";
+
+const ResourceCommentsPageInternal = lazy(() =>
+	import("./resource-comments-page.internal").then((m) => ({
+		default: m.ResourceCommentsPage,
+	})),
+);
+
+function ResourceCommentsSkeleton() {
+	return (
+		<div className="w-full max-w-3xl mx-auto space-y-4 animate-pulse">
+			<div className="h-8 w-48 rounded bg-muted" />
+			<div className="h-4 w-64 rounded bg-muted" />
+			<div className="rounded-lg border h-32 bg-muted" />
+		</div>
+	);
+}
+
+export function ResourceCommentsPageComponent({
+	resourceId,
+	resourceType,
+}: {
+	resourceId: string;
+	resourceType: string;
+}) {
+	return (
+		<ComposedRoute
+			path={`/comments/${resourceType}/${resourceId}`}
+			PageComponent={() => (
+				<ResourceCommentsPageWrapper
+					resourceId={resourceId}
+					resourceType={resourceType}
+				/>
+			)}
+			LoadingComponent={ResourceCommentsSkeleton}
+			onError={(error) =>
+				console.error("[btst/comments] Resource comments error:", error)
+			}
+		/>
+	);
+}
+
+function ResourceCommentsPageWrapper({
+	resourceId,
+	resourceType,
+}: {
+	resourceId: string;
+	resourceType: string;
+}) {
+	const overrides = usePluginOverrides<CommentsPluginOverrides>("comments");
+	const loc = { ...COMMENTS_LOCALIZATION, ...overrides.localization };
+	const resolvedUserId = useResolvedCurrentUserId(overrides.currentUserId);
+
+	useRouteLifecycle({
+		routeName: "resourceComments",
+		context: {
+			path: `/comments/${resourceType}/${resourceId}`,
+			params: { resourceId, resourceType },
+			isSSR: typeof window === "undefined",
+		},
+		overrides,
+		beforeRenderHook: (o, context) => {
+			if (o.onBeforeResourceCommentsRendered) {
+				return o.onBeforeResourceCommentsRendered(
+					resourceType,
+					resourceId,
+					context,
+				);
+			}
+			return true;
+		},
+	});
+
+	return (
+		<PageWrapper>
+			<ResourceCommentsPageInternal
+				resourceId={resourceId}
+				resourceType={resourceType}
+				apiBaseURL={overrides.apiBaseURL}
+				apiBasePath={overrides.apiBasePath}
+				headers={overrides.headers as HeadersInit | undefined}
+				currentUserId={resolvedUserId}
+				loginHref={overrides.loginHref}
+				localization={loc}
+			/>
+		</PageWrapper>
+	);
+}

package/src/plugins/comments/client/components/shared/page-wrapper.tsx

@@ -0,0 +1,32 @@
+"use client";
+
+import { usePluginOverrides } from "@btst/stack/context";
+import { PageWrapper as SharedPageWrapper } from "@workspace/ui/components/page-wrapper";
+import type { CommentsPluginOverrides } from "../../overrides";
+
+export function PageWrapper({
+	children,
+	className,
+	testId,
+}: {
+	children: React.ReactNode;
+	className?: string;
+	testId?: string;
+}) {
+	const { showAttribution } = usePluginOverrides<
+		CommentsPluginOverrides,
+		Partial<CommentsPluginOverrides>
+	>("comments", {
+		showAttribution: true,
+	});
+
+	return (
+		<SharedPageWrapper
+			className={className}
+			testId={testId}
+			showAttribution={showAttribution}
+		>
+			{children}
+		</SharedPageWrapper>
+	);
+}

package/src/plugins/comments/client/components/shared/pagination.tsx

@@ -0,0 +1,44 @@
+"use client";
+
+import { usePluginOverrides } from "@btst/stack/context";
+import type { CommentsPluginOverrides } from "../../overrides";
+import { COMMENTS_LOCALIZATION } from "../../localization";
+import { PaginationControls } from "@workspace/ui/components/pagination-controls";
+
+interface PaginationProps {
+	currentPage: number;
+	totalPages: number;
+	onPageChange: (page: number) => void;
+	total: number;
+	limit: number;
+	offset: number;
+}
+
+export function Pagination({
+	currentPage,
+	totalPages,
+	onPageChange,
+	total,
+	limit,
+	offset,
+}: PaginationProps) {
+	const { localization: customLocalization } =
+		usePluginOverrides<CommentsPluginOverrides>("comments");
+	const localization = { ...COMMENTS_LOCALIZATION, ...customLocalization };
+
+	return (
+		<PaginationControls
+			currentPage={currentPage}
+			totalPages={totalPages}
+			onPageChange={onPageChange}
+			total={total}
+			limit={limit}
+			offset={offset}
+			labels={{
+				previous: localization.COMMENTS_MODERATION_PAGINATION_PREVIOUS,
+				next: localization.COMMENTS_MODERATION_PAGINATION_NEXT,
+				showing: localization.COMMENTS_MODERATION_PAGINATION_SHOWING,
+			}}
+		/>
+	);
+}

package/src/plugins/comments/client/hooks/index.tsx

@@ -0,0 +1,13 @@
+export {
+	useComments,
+	useSuspenseComments,
+	useSuspenseModerationComments,
+	useInfiniteComments,
+	useCommentCount,
+	usePostComment,
+	useUpdateComment,
+	useApproveComment,
+	useUpdateCommentStatus,
+	useDeleteComment,
+	useToggleLike,
+} from "./use-comments";