hive-react-kit 0.10.1 → 0.10.2

package/dist/build.css

@@ -1621,6 +1621,12 @@
   .bg-\[\#1a1e22\] {
     background-color: #1a1e22;
   }
+  .bg-\[\#1a1e22\]\/40 {
+    background-color: color-mix(in oklab, #1a1e22 40%, transparent);
+  }
+  .bg-\[\#1a1e22\]\/80 {
+    background-color: color-mix(in oklab, #1a1e22 80%, transparent);
+  }
   .bg-\[\#1a1e22\]\/90 {
     background-color: color-mix(in oklab, #1a1e22 90%, transparent);
   }
@@ -2488,6 +2494,9 @@
   .text-\[\#9ca3b0\] {
     color: #9ca3b0;
   }
+  .text-\[\#22c55e\] {
+    color: #22c55e;
+  }
   .text-\[\#e7e7f1\] {
     color: #e7e7f1;
   }
@@ -3462,6 +3471,16 @@
       border-color: var(--color-blue-500);
     }
   }
+  .focus\:text-blue-400 {
+    &:focus {
+      color: var(--color-blue-400);
+    }
+  }
+  .focus\:underline {
+    &:focus {
+      text-decoration-line: underline;
+    }
+  }
   .focus\:ring-1 {
     &:focus {
       --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
@@ -3484,6 +3503,14 @@
       --tw-ring-color: var(--color-blue-500);
     }
   }
+  .focus\:ring-blue-500\/60 {
+    &:focus {
+      --tw-ring-color: color-mix(in srgb, oklch(62.3% 0.214 259.815) 60%, transparent);
+      @supports (color: color-mix(in lab, red, red)) {
+        --tw-ring-color: color-mix(in oklab, var(--color-blue-500) 60%, transparent);
+      }
+    }
+  }
   .focus\:ring-purple-500\/50 {
     &:focus {
       --tw-ring-color: color-mix(in srgb, oklch(62.7% 0.265 303.9) 50%, transparent);
@@ -5075,7 +5102,7 @@
   display: flex;
   justify-content: center;
 }
-.hive-post-body .threeSpeakNative {
+.threeSpeakNative {
   width: 100%;
   margin: 0 auto;
   border-radius: 0.75rem;
@@ -5086,17 +5113,17 @@
   justify-content: center;
   position: relative;
 }
-.hive-post-body .threeSpeakNative.threeSpeakNativeLandscape {
+.threeSpeakNative.threeSpeakNativeLandscape {
   aspect-ratio: 16 / 9;
   max-width: 800px;
   max-height: 80vh;
 }
-.hive-post-body .threeSpeakNative.threeSpeakNativePortrait {
+.threeSpeakNative.threeSpeakNativePortrait {
   aspect-ratio: 9 / 16;
   max-width: 450px;
   max-height: 80vh;
 }
-.hive-post-body .threeSpeakNative video, .hive-post-body .threeSpeakNative .threeSpeakNativeThumb {
+.threeSpeakNative video, .threeSpeakNative .threeSpeakNativeThumb {
   display: block;
   position: absolute;
   inset: 0;
@@ -5106,27 +5133,35 @@
   border-radius: 0.75rem;
   object-fit: contain;
 }
-.hive-post-body .threeSpeakNative .threeSpeakNativeThumb {
+.threeSpeakNative .threeSpeakNativeThumb {
   z-index: 1;
   pointer-events: none;
 }
-.hive-post-body .threeSpeakNative video {
+.threeSpeakNative video {
   z-index: 2;
 }
-.hive-post-body .threeSpeakNative.threeSpeakNativeNoThumb {
-  aspect-ratio: auto;
-  max-width: none;
+.threeSpeakNative.threeSpeakNativeNoThumb {
   display: block;
-  background: transparent;
+  margin: 0 auto;
+  background: #000;
+  border-radius: 0.75rem;
+  overflow: hidden;
+  max-width: min(100%, 800px);
+  max-height: 80vh;
+  position: relative;
+  min-height: 200px;
 }
-.hive-post-body .threeSpeakNative.threeSpeakNativeNoThumb video {
-  position: static;
+.threeSpeakNative.threeSpeakNativeNoThumb video {
+  position: absolute;
+  inset: 0;
   width: 100%;
-  height: auto;
-  max-width: 800px;
-  margin: 0 auto;
+  height: 100%;
+  display: block;
+  background: #000;
+  border-radius: 0.75rem;
+  object-fit: contain;
 }
-.hive-post-body .threeSpeakNativeMessage {
+.threeSpeakNativeMessage {
   color: #9ca3b0;
   font-size: 0.875rem;
 }

package/dist/components/BlogPostList.d.ts

@@ -52,6 +52,10 @@ export interface BlogPostListProps {
     allowLandscapeVideos?: boolean;
     /** Default reward routing for inline comment composers. */
     defaultReward?: RewardOption;
+    /** Collapse the per-card secondary actions (reblog · share · tip ·
+     *  flag) into a single 3-dot kebab menu. Forwarded to
+     *  `<PostActionButton/>`. */
+    actionsAsMenu?: boolean;
 }
 export declare const BlogPostList: FC<BlogPostListProps>;
 export default BlogPostList;

package/dist/components/UpvoteListModal.d.ts

@@ -5,7 +5,13 @@ interface UpvoteListModalProps {
     currentUser?: string;
     token?: string;
     onClickUpvoteButton?: (currentUser?: string, token?: string) => void;
+    /** URL for the small Hive icon shown next to each voter's reward
+     *  amount. Consumers usually pass a local asset (e.g. the bundled
+     *  hivesuite hive_logo.png) so the icon stays sharp on retina and
+     *  works offline; falls back to the official Hive logo from
+     *  hive.io otherwise. */
+    hiveIconUrl?: string;
 }
 export declare function formatTimeAgo(date: string | Date): string;
-declare const UpvoteListModal: ({ author, permlink, onClose, currentUser, token, onClickUpvoteButton }: UpvoteListModalProps) => import("react/jsx-runtime").JSX.Element;
+declare const UpvoteListModal: ({ author, permlink, onClose, currentUser, token, onClickUpvoteButton, hiveIconUrl, }: UpvoteListModalProps) => import("react/jsx-runtime").JSX.Element;
 export default UpvoteListModal;

package/dist/components/actionButtons/MoreActionsMenu.d.ts

@@ -0,0 +1,17 @@
+export interface MoreActionsMenuProps {
+    /** Show the Reblog item. */
+    onReblog?: () => void;
+    /** Show the Share item. */
+    onShare?: () => void;
+    /** Show the Tip item. */
+    onTip?: () => void;
+    /** Show the Flag item. */
+    onReport?: () => void;
+    /** Tailwind classes for the trigger button (defaults match the kit's
+     *  inline action buttons). */
+    buttonClassName?: string;
+    /** aria-label for the trigger. */
+    ariaLabel?: string;
+}
+export declare function MoreActionsMenu({ onReblog, onShare, onTip, onReport, buttonClassName, ariaLabel, }: MoreActionsMenuProps): import("react/jsx-runtime").JSX.Element;
+export default MoreActionsMenu;

package/dist/components/actionButtons/PostActionButton.d.ts

@@ -82,6 +82,11 @@ export interface PostActionButtonProps {
      *  Used to lazy-fetch the reply body the first time the user hovers
      *  the comment icon, so the tooltip can show what they wrote. */
     myReplyKey?: string;
+    /** Collapse the secondary actions (reblog · share · tip · report)
+     *  into a single 3-dot kebab popover. Upvote / comment counters and
+     *  the payout chip stay inline. Useful in dense card layouts (videos,
+     *  polls, community detail) where there isn't room for four icons. */
+    actionsAsMenu?: boolean;
 }
-export declare function PostActionButton({ author, permlink, currentUser: currentUserProp, hiveValue, hiveIconUrl, payoutTooltip, initialVotes, initialCommentsCount, onUpvote, onSubmitComment, onComments, onReblog, onShare, onTip, onReport, onClickCommentUpvote, ecencyToken, threeSpeakApiKey, giphyApiKey, templateToken, templateApiBaseUrl, disableCommentsModal, onClickCommentIcon, onClickCommentCount, hasCommented, myReplyKey, showVoteButton, parentTags, defaultReward, defaultBeneficiaries, beneficiaryFavorites, defaultVotePercent, voteWeightStep, allowLandscapeVideos, }: PostActionButtonProps): import("react/jsx-runtime").JSX.Element;
+export declare function PostActionButton({ author, permlink, currentUser: currentUserProp, hiveValue, hiveIconUrl, payoutTooltip, initialVotes, initialCommentsCount, onUpvote, onSubmitComment, onComments, onReblog, onShare, onTip, onReport, onClickCommentUpvote, ecencyToken, threeSpeakApiKey, giphyApiKey, templateToken, templateApiBaseUrl, disableCommentsModal, onClickCommentIcon, onClickCommentCount, hasCommented, myReplyKey, showVoteButton, parentTags, defaultReward, defaultBeneficiaries, beneficiaryFavorites, defaultVotePercent, voteWeightStep, allowLandscapeVideos, actionsAsMenu, }: PostActionButtonProps): import("react/jsx-runtime").JSX.Element;
 export default PostActionButton;

package/dist/components/actionButtons/index.d.ts

@@ -1 +1,2 @@
 export { PostActionButton, type PostActionButtonProps } from "./PostActionButton";
+export { MoreActionsMenu, type MoreActionsMenuProps } from "./MoreActionsMenu";

package/dist/components/community/CommunityDetail.d.ts

@@ -25,8 +25,12 @@ export interface CommunityDetailProps {
     voteWeightStep?: number;
     allowLandscapeVideos?: boolean;
     defaultReward?: RewardOption;
+    /** Collapse the per-post secondary actions (reblog · share · tip ·
+     *  flag) into a single 3-dot kebab menu inside the embedded
+     *  `<BlogPostList/>`. */
+    actionsAsMenu?: boolean;
     onShare?: () => void;
     onRss?: () => void;
 }
-declare const CommunityDetail: ({ communityId, currentUser, onBack, onUserClick, onPostClick, onCommentClick, onUpvote, onSubmitComment, onClickCommentUpvote, onReblog, onTip, onSharePost, onReportPost, ecencyToken, threeSpeakApiKey, giphyApiKey, templateToken, templateApiBaseUrl, defaultVotePercent, voteWeightStep, allowLandscapeVideos, defaultReward, onShare, onRss, }: CommunityDetailProps) => import("react/jsx-runtime").JSX.Element;
+declare const CommunityDetail: ({ communityId, currentUser, onBack, onUserClick, onPostClick, onCommentClick, onUpvote, onSubmitComment, onClickCommentUpvote, onReblog, onTip, onSharePost, onReportPost, ecencyToken, threeSpeakApiKey, giphyApiKey, templateToken, templateApiBaseUrl, defaultVotePercent, voteWeightStep, allowLandscapeVideos, defaultReward, actionsAsMenu, onShare, onRss, }: CommunityDetailProps) => import("react/jsx-runtime").JSX.Element;
 export default CommunityDetail;

package/dist/components/feed/SnapsFeedCard.d.ts

@@ -51,6 +51,9 @@ export interface SnapsFeedCardProps {
      *  menu with Edit / Delete / Flag). Receives the post so the host can
      *  own edit/delete/flag state per card. */
     renderHeaderActions?: (post: Post) => ReactNode;
+    /** Collapse the per-card secondary actions (reblog · share · tip ·
+     *  flag) into a single 3-dot kebab menu inside the action bar. */
+    actionsAsMenu?: boolean;
 }
 declare const SnapsFeedCard: FC<SnapsFeedCardProps>;
 export default SnapsFeedCard;

package/dist/components/feed/SnapsFeedView.d.ts

@@ -72,6 +72,10 @@ export interface SnapsFeedViewProps {
     /** Optional render slot for a per-card right-side header action menu
      *  (Edit / Delete / Flag). Forwarded to every <SnapsFeedCard/>. */
     renderHeaderActions?: (post: import('@/types/post').Post) => ReactNode;
+    /** Collapse the per-card secondary actions (reblog · share · tip ·
+     *  flag) into a single 3-dot kebab menu. Forwarded to every
+     *  <SnapsFeedCard/>. */
+    actionsAsMenu?: boolean;
 }
-export declare function SnapsFeedView({ feeds, labels, avatars, defaultPrimary, currentUser, onUpvote, onSubmitComment, onClickCommentUpvote, onReblog, onTip, onSharePost, onCommentClick, onClickCommentIcon, onClickCommentCount, onReportPost, onUserClick, onPostClick, ecencyToken, threeSpeakApiKey, giphyApiKey, templateToken, templateApiBaseUrl, defaultVotePercent, voteWeightStep, allowLandscapeVideos, defaultReward, toolbar, footer, renderHeaderActions, }: SnapsFeedViewProps): import("react/jsx-runtime").JSX.Element;
+export declare function SnapsFeedView({ feeds, labels, avatars, defaultPrimary, currentUser, onUpvote, onSubmitComment, onClickCommentUpvote, onReblog, onTip, onSharePost, onCommentClick, onClickCommentIcon, onClickCommentCount, onReportPost, onUserClick, onPostClick, ecencyToken, threeSpeakApiKey, giphyApiKey, templateToken, templateApiBaseUrl, defaultVotePercent, voteWeightStep, allowLandscapeVideos, defaultReward, toolbar, footer, renderHeaderActions, actionsAsMenu, }: SnapsFeedViewProps): import("react/jsx-runtime").JSX.Element;
 export default SnapsFeedView;

package/dist/config/hiveEndpoint.d.ts

@@ -0,0 +1,20 @@
+/**
+ * Runtime-configurable Hive RPC endpoint.
+ *
+ * Every dhive Client and every direct JSON-RPC fetch inside the kit reads
+ * the URL from `getHiveApiEndpoint()` (or shares the singleton returned by
+ * `getHiveClient()`), so callers can switch nodes at runtime via
+ * `setHiveApiEndpoint(url)` and have the change picked up immediately —
+ * without re-importing modules or rebuilding clients.
+ */
+import { Client, ClientOptions } from '@hiveio/dhive';
+export declare function getHiveApiEndpoint(): string;
+export declare function setHiveApiEndpoint(url: string): void;
+export declare function subscribeHiveApiEndpoint(cb: (url: string) => void): () => void;
+/**
+ * Returns the kit-wide dhive Client. The same instance is returned on every
+ * call; its `address` / `currentAddress` are updated when
+ * `setHiveApiEndpoint()` is called, so existing references continue to use
+ * the latest node without reconstruction.
+ */
+export declare function getHiveClient(options?: ClientOptions): Client;