hive-react-kit 0.0.5

package/README.md

@@ -0,0 +1,105 @@
+# Hive React Kit
+
+A comprehensive React component library for building Hive blockchain applications with modern UI components.
+
+## Features
+
+- 🎨 **Modern UI Components** - Built with shadcn/ui and Radix UI primitives
+- 🔗 **Hive Integration** - Ready-to-use components for Hive blockchain
+- 📱 **Responsive Design** - Mobile-first approach with Tailwind CSS
+- 🎯 **TypeScript Support** - Full TypeScript support with type definitions
+- 🚀 **Tree Shaking** - Optimized bundle size with tree shaking support
+- 🎭 **Customizable** - Easy to customize and extend
+
+## Installation
+
+```bash
+npm install hive-react-kit
+# or
+yarn add hive-react-kit
+# or
+pnpm add hive-react-kit
+```
+
+## Usage
+
+### Basic Import
+
+```tsx
+import { VideoCard, VideoFeed, Wallet } from 'hive-react-kit';
+```
+
+### UI Components
+
+```tsx
+import { Button, Card, Input } from 'hive-react-kit/ui';
+```
+
+### Hooks
+
+```tsx
+import { useMobile } from 'hive-react-kit/hooks';
+```
+
+### Types
+
+```tsx
+import type { Video, Comment, Wallet as WalletType } from 'hive-react-kit/types';
+```
+
+## Components
+
+### Main Components
+
+- **VideoCard** - Display video content with metadata
+- **VideoFeed** - Feed of videos with pagination
+- **VideoDetail** - Detailed video view
+- **VideoInfo** - Video information display
+- **Wallet** - Hive wallet integration
+
+### Community Components
+
+- **CommunitiesList** - List of communities
+- **CommunityDetail** - Community details
+- **CommunityAbout** - Community about section
+- **CommunityMembers** - Community members list
+- **CommunityTeam** - Community team members
+
+### Modal Components
+
+- **CommentsModal** - Comments display modal
+- **DescriptionModal** - Description editing modal
+- **UpvoteListModal** - Upvote list modal
+- **Modal** - Base modal component
+
+### User Components
+
+- **UserAccount** - User account management
+- **UserProfilePage** - User profile page
+- **UserInfo** - User information display
+- **UserFollowers** - User followers list
+- **UserFollowing** - User following list
+
+## Setup
+
+Make sure to install the required peer dependencies:
+
+```bash
+npm install react react-dom @tanstack/react-query @hiveio/dhive zustand
+```
+
+## Styling
+
+This package uses Tailwind CSS. Make sure to include Tailwind CSS in your project:
+
+```bash
+npm install tailwindcss
+```
+
+## License
+
+MIT
+
+## Contributing
+
+Contributions are welcome! Please feel free to submit a Pull Request.

package/dist/App.d.ts

@@ -0,0 +1,2 @@
+declare const App: () => import("react/jsx-runtime").JSX.Element;
+export default App;

package/dist/components/VideoCard.d.ts

@@ -0,0 +1,9 @@
+import { VideoFeedItem } from "@/types/video";
+interface VideoCardProps {
+    video: VideoFeedItem;
+    onVideoClick: (video: VideoFeedItem) => void;
+    onAuthorClick: (author: string) => void;
+    isGrid?: boolean;
+}
+declare const VideoCard: ({ video, onVideoClick, onAuthorClick, isGrid, }: VideoCardProps) => import("react/jsx-runtime").JSX.Element;
+export default VideoCard;

package/dist/components/VideoDetail.d.ts

@@ -0,0 +1,2 @@
+declare const VideoDetail: () => import("react/jsx-runtime").JSX.Element;
+export default VideoDetail;

package/dist/components/VideoFeed.d.ts

@@ -0,0 +1,11 @@
+import { VideoFeedItem, ApiVideoFeedType } from "@/types/video";
+interface VideoFeedProps {
+    feedType: ApiVideoFeedType;
+    username?: string;
+    communityId?: string;
+    tag?: string;
+    onVideoClick: (video: VideoFeedItem) => void;
+    onAuthorClick: (author: string) => void;
+}
+declare const VideoFeed: ({ feedType, username, communityId, tag, onVideoClick, onAuthorClick, }: VideoFeedProps) => import("react/jsx-runtime").JSX.Element;
+export default VideoFeed;

package/dist/components/VideoInfo.d.ts

@@ -0,0 +1,19 @@
+import { VideoFeedItem } from "@/types/video";
+interface VideoInfoProps {
+    title: string;
+    author: string;
+    permlink: string;
+    createdAt?: Date;
+    video: VideoFeedItem;
+    currentUser?: string;
+    isContentVoted?: boolean;
+    description?: string;
+    onTapComment?: (author: string, permlink: string) => void;
+    onTapUpvote?: (author: string, permlink: string) => void;
+    onTapShare?: (author: string, permlink: string) => void;
+    onTapBookmark?: (author: string, permlink: string) => void;
+    onTapAuthor?: (author: string, permlink: string) => void;
+    onTapInfo?: (author: string, permlink: string) => void;
+}
+declare const VideoInfo: ({ title, author, permlink, createdAt, video, currentUser, isContentVoted, description, onTapComment, onTapUpvote, onTapShare, onTapBookmark, onTapAuthor, onTapInfo, }: VideoInfoProps) => import("react/jsx-runtime").JSX.Element;
+export default VideoInfo;

package/dist/components/Wallet.d.ts

@@ -0,0 +1,7 @@
+import React from "react";
+interface WalletProps {
+    username?: string;
+    className?: string;
+}
+export declare const Wallet: React.FC<WalletProps>;
+export default Wallet;

package/dist/components/common/FavouriteWidget.d.ts

@@ -0,0 +1,10 @@
+interface FavouriteWidgetProps {
+    id: string;
+    toastType: string;
+    isLiked?: boolean;
+    onAdd?: (id: string, action: "add_bookmark") => void;
+    onRemove?: (id: string, action: "remove_bookmark") => void;
+    onFavourite?: () => void;
+}
+declare const Favourite: ({ id, toastType, isLiked, onAdd, onRemove, onFavourite, }: FavouriteWidgetProps) => import("react/jsx-runtime").JSX.Element;
+export default Favourite;

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

@@ -0,0 +1,5 @@
+interface CommunitiesListProps {
+    onSelectCommunity: (communityId: string) => void;
+}
+declare const CommunitiesList: ({ onSelectCommunity }: CommunitiesListProps) => import("react/jsx-runtime").JSX.Element;
+export default CommunitiesList;

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

@@ -0,0 +1,5 @@
+interface CommunityAboutProps {
+    communityId: string;
+}
+declare const CommunityAbout: ({ communityId }: CommunityAboutProps) => import("react/jsx-runtime").JSX.Element;
+export default CommunityAbout;

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

@@ -0,0 +1,16 @@
+interface CommunityDetailProps {
+    communityId: string;
+    onVideoClick: (video: any) => void;
+    onAuthorClick: (author: string) => void;
+    onBack: () => void;
+    onclickAboutTab?: () => void;
+    onclickTeamTab?: () => void;
+    onclickMemberTab?: () => void;
+    onShare?: () => void;
+    onFavourite?: () => void;
+    onRss?: () => void;
+    onMoreVertical?: () => void;
+    showMoreVertical?: boolean;
+}
+declare const CommunityDetail: ({ communityId, onVideoClick, onAuthorClick, onBack, onclickAboutTab, onclickTeamTab, onclickMemberTab, onShare, onFavourite, onRss, onMoreVertical, showMoreVertical, }: CommunityDetailProps) => import("react/jsx-runtime").JSX.Element;
+export default CommunityDetail;

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

@@ -0,0 +1,6 @@
+interface CommunityMembersProps {
+    communityId: string;
+    onSelectCommunityMember?: (username: string) => void;
+}
+declare const CommunityMembers: ({ communityId, onSelectCommunityMember }: CommunityMembersProps) => import("react/jsx-runtime").JSX.Element;
+export default CommunityMembers;

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

@@ -0,0 +1,6 @@
+interface CommunityTeamProps {
+    communityId: string;
+    onSelectTeamMember?: (username: string) => void;
+}
+declare const CommunityTeam: ({ communityId, onSelectTeamMember, }: CommunityTeamProps) => import("react/jsx-runtime").JSX.Element;
+export default CommunityTeam;

package/dist/components/index.d.ts

@@ -0,0 +1,20 @@
+export { default as VideoCard } from './VideoCard';
+export { default as VideoDetail } from './VideoDetail';
+export { default as VideoFeed } from './VideoFeed';
+export { default as VideoInfo } from './VideoInfo';
+export { default as Wallet } from './Wallet';
+export { default as FavouriteWidget } from './common/FavouriteWidget';
+export { default as CommunitiesList } from './community/CommunitiesList';
+export { default as CommunityAbout } from './community/CommunityAbout';
+export { default as CommunityDetail } from './community/CommunityDetail';
+export { default as CommunityMembers } from './community/CommunityMembers';
+export { default as CommunityTeam } from './community/CommunityTeam';
+export { default as CommentsModal } from './modals/CommentsModal';
+export { default as DescriptionModal } from './modals/DescriptionModal';
+export { default as Modal } from './modals/Modal';
+export { default as UpvoteListModal } from './modals/UpvoteListModal';
+export { default as UserAccount } from './user/UserAccount';
+export { default as UserFollowers } from './user/UserFollowers';
+export { default as UserFollowing } from './user/UserFollowing';
+export { default as UserInfo } from './user/UserInfo';
+export { default as UserProfilePage } from './user/UserProfilePage';

package/dist/components/modals/CommentsModal.d.ts

@@ -0,0 +1,8 @@
+interface CommentsModalProps {
+    author: string;
+    permlink: string;
+    currentUser?: string;
+    onClose: () => void;
+}
+declare const CommentsModal: ({ author, permlink, currentUser, onClose }: CommentsModalProps) => import("react/jsx-runtime").JSX.Element;
+export default CommentsModal;

package/dist/components/modals/DescriptionModal.d.ts

@@ -0,0 +1,8 @@
+interface DescriptionModalProps {
+    author: string;
+    permlink: string;
+    content: string;
+    onClose: () => void;
+}
+declare const DescriptionModal: ({ author, permlink, content, onClose }: DescriptionModalProps) => import("react/jsx-runtime").JSX.Element;
+export default DescriptionModal;

package/dist/components/modals/Modal.d.ts

@@ -0,0 +1,10 @@
+import React from "react";
+interface ModalProps {
+    isOpen: boolean;
+    onClose: () => void;
+    title: string;
+    children: React.ReactNode;
+    maxWidth?: string;
+}
+declare const Modal: ({ isOpen, onClose, title, children, maxWidth }: ModalProps) => import("react/jsx-runtime").JSX.Element;
+export default Modal;

package/dist/components/modals/UpvoteListModal.d.ts

@@ -0,0 +1,7 @@
+interface UpvoteListModalProps {
+    author: string;
+    permlink: string;
+    onClose: () => void;
+}
+declare const UpvoteListModal: ({ author, permlink, onClose }: UpvoteListModalProps) => import("react/jsx-runtime").JSX.Element;
+export default UpvoteListModal;

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

@@ -0,0 +1 @@
+export {};

package/dist/components/user/UserAccount.d.ts

@@ -0,0 +1,14 @@
+import { User } from "@/types/user";
+interface UserAccountProps {
+    currentUser: User | null;
+    onTabChanged?: (tabIndex: number) => void;
+    onPublish?: (username: string, permlink: string) => void;
+    onViewMyVideo?: (username: string, permlink: string) => void;
+    onMoreOptions?: (videoId: string) => void;
+    onTapBackButton?: () => void;
+    shouldShowMoreOptionsButton?: boolean;
+    shouldShowBackButton?: boolean;
+    shouldShowPublishButton?: boolean;
+}
+declare const UserAccount: ({ currentUser, onTabChanged, onPublish, onViewMyVideo, onMoreOptions, onTapBackButton, shouldShowBackButton, shouldShowPublishButton, shouldShowMoreOptionsButton, }: UserAccountProps) => import("react/jsx-runtime").JSX.Element;
+export default UserAccount;

package/dist/components/user/UserFollowers.d.ts

@@ -0,0 +1,6 @@
+interface UserFollowersProps {
+    username: string;
+    onSelectUser?: (username: string) => void;
+}
+declare const UserFollowers: ({ username, onSelectUser, }: UserFollowersProps) => import("react/jsx-runtime").JSX.Element;
+export default UserFollowers;

package/dist/components/user/UserFollowing.d.ts

@@ -0,0 +1,6 @@
+interface UserFollowingProps {
+    username: string;
+    onSelectUser?: (username: string) => void;
+}
+declare const UserFollowing: ({ username, onSelectUser, }: UserFollowingProps) => import("react/jsx-runtime").JSX.Element;
+export default UserFollowing;

package/dist/components/user/UserInfo.d.ts

@@ -0,0 +1,5 @@
+interface UserInfoProps {
+    username: string;
+}
+declare const UserInfo: ({ username }: UserInfoProps) => import("react/jsx-runtime").JSX.Element;
+export default UserInfo;

package/dist/components/user/UserProfilePage.d.ts

@@ -0,0 +1,8 @@
+interface UserProfilePageProps {
+    username: string;
+    onVideoClick: (video: any) => void;
+    onAuthorClick: (author: string) => void;
+    onBack: () => void;
+}
+declare const UserProfilePage: ({ username, onVideoClick, onAuthorClick, onBack, }: UserProfilePageProps) => import("react/jsx-runtime").JSX.Element;
+export default UserProfilePage;

package/dist/hooks/CommunityFavouriteProvider.d.ts

@@ -0,0 +1,5 @@
+export declare const CommunityFavouriteProvider: {
+    getBookmarkedCommunities: () => string[];
+    isUserPresentLocally: (communityId: string) => boolean;
+    storeLikedCommunityLocally: (communityId: string, forceRemove?: boolean) => string[];
+};

package/dist/hooks/index.d.ts

@@ -0,0 +1,2 @@
+export * from './use-mobile';
+export * from './use-toast';

package/dist/hooks/use-mobile.d.ts

@@ -0,0 +1 @@
+export declare function useIsMobile(): boolean;

package/dist/hooks/use-toast.d.ts

@@ -0,0 +1,52 @@
+import * as React from "react";
+type ToastActionElement = React.ReactElement;
+type ToastProps = {
+    id?: string;
+    title?: React.ReactNode;
+    description?: React.ReactNode;
+    action?: ToastActionElement;
+    open?: boolean;
+    onOpenChange?: (open: boolean) => void;
+};
+type ToasterToast = ToastProps & {
+    id: string;
+    title?: React.ReactNode;
+    description?: React.ReactNode;
+    action?: ToastActionElement;
+};
+declare const actionTypes: {
+    readonly ADD_TOAST: "ADD_TOAST";
+    readonly UPDATE_TOAST: "UPDATE_TOAST";
+    readonly DISMISS_TOAST: "DISMISS_TOAST";
+    readonly REMOVE_TOAST: "REMOVE_TOAST";
+};
+type ActionType = typeof actionTypes;
+type Action = {
+    type: ActionType["ADD_TOAST"];
+    toast: ToasterToast;
+} | {
+    type: ActionType["UPDATE_TOAST"];
+    toast: Partial<ToasterToast>;
+} | {
+    type: ActionType["DISMISS_TOAST"];
+    toastId?: ToasterToast["id"];
+} | {
+    type: ActionType["REMOVE_TOAST"];
+    toastId?: ToasterToast["id"];
+};
+interface State {
+    toasts: ToasterToast[];
+}
+export declare const reducer: (state: State, action: Action) => State;
+type Toast = Omit<ToasterToast, "id">;
+declare function toast({ ...props }: Toast): {
+    id: string;
+    dismiss: () => void;
+    update: (props: ToasterToast) => void;
+};
+declare function useToast(): {
+    toast: typeof toast;
+    dismiss: (toastId?: string) => void;
+    toasts: ToasterToast[];
+};
+export { useToast, toast };

package/dist/index.d.ts

@@ -0,0 +1,29 @@
+export { default as VideoCard } from './components/VideoCard';
+export { default as VideoDetail } from './components/VideoDetail';
+export { default as VideoFeed } from './components/VideoFeed';
+export { default as VideoInfo } from './components/VideoInfo';
+export { default as Wallet } from './components/Wallet';
+export { default as FavouriteWidget } from './components/common/FavouriteWidget';
+export { default as CommunitiesList } from './components/community/CommunitiesList';
+export { default as CommunityAbout } from './components/community/CommunityAbout';
+export { default as CommunityDetail } from './components/community/CommunityDetail';
+export { default as CommunityMembers } from './components/community/CommunityMembers';
+export { default as CommunityTeam } from './components/community/CommunityTeam';
+export { default as CommentsModal } from './components/modals/CommentsModal';
+export { default as DescriptionModal } from './components/modals/DescriptionModal';
+export { default as Modal } from './components/modals/Modal';
+export { default as UpvoteListModal } from './components/modals/UpvoteListModal';
+export { default as UserAccount } from './components/user/UserAccount';
+export { default as UserFollowers } from './components/user/UserFollowers';
+export { default as UserFollowing } from './components/user/UserFollowing';
+export { default as UserInfo } from './components/user/UserInfo';
+export { default as UserProfilePage } from './components/user/UserProfilePage';
+export * from './hooks/use-mobile';
+export * from './hooks/use-toast';
+export * from './types/comment';
+export * from './types/graphql';
+export * from './types/trending';
+export * from './types/video';
+export * from './types/wallet';
+export * from './services/apiService';
+export * from './store/walletStore';