chore(deps): replace plebbit/plebbit-react-hooks with bitsocialhq/pkc-react-hooks

bitsocialhq/pkc-react-hooks is a fork of plebbit-react-hooks that we're maintaining temporarily as an attempt to modernize the original repository using AI tools, possibly merging changes back into plebbit-react-hooks, which should also be rebranded to pkc-react-hooks eventually, under the org pkcprotocol.

AGENTS.md

@@ -42,7 +42,7 @@ Only record items that are repo-specific, likely to recur, and have a concrete m
 - Zustand for shared state
 - React Router v6
 - Vite
-- plebbit-react-hooks
+- pkc-react-hooks
 - i18next
 - yarn
 - oxlint
@@ -72,7 +72,7 @@ src/
 ### React Architecture Rules
 
 - Do not use `useState` for shared/global state. Use Zustand stores in `src/stores/`.
-- Do not use `useEffect` for data fetching. Use `plebbit-react-hooks`.
+- Do not use `useEffect` for data fetching. Use `pkc-react-hooks`.
 - Do not sync derived state with effects. Compute during render.
 - Avoid copy-paste logic across components. Extract custom hooks in `src/hooks/`.
 - Avoid boolean flag soup for complex flows; model state clearly in Zustand.

docs/agent-playbooks/skills-and-tools.md

@@ -6,7 +6,7 @@ Use this playbook when setting up/adjusting skills and external tooling.
 
 ### Context7 (library docs)
 
-For up-to-date docs on libraries like `plebbit-react-hooks` and `plebbit-js`.
+For up-to-date docs on libraries.
 
 ```bash
 npx skills add https://github.com/intellectronica/agent-skills --skill context7

package.json

@@ -7,11 +7,11 @@
   "license": "GPL-2.0-only",
   "private": true,
   "dependencies": {
+    "@bitsocialhq/pkc-react-hooks": "https://github.com/bitsocialhq/pkc-react-hooks.git#8d93bb78eb570f0769904cb6ce5cb83ab8b277d4",
     "@capacitor/app": "7.0.1",
     "@capacitor/status-bar": "7.0.1",
     "@capawesome/capacitor-android-edge-to-edge-support": "7.2.2",
     "@floating-ui/react": "0.26.1",
-    "@plebbit/plebbit-react-hooks": "https://github.com/plebbit/plebbit-react-hooks.git#a828bd598bcc392ed379136feaee0a7b1c8cd23f",
     "@react-spring/web": "9.7.5",
     "@types/node": "20.8.2",
     "@types/react": "18.2.25",

src/app.tsx

@@ -1,7 +1,7 @@
 import { lazy, Suspense, useEffect } from 'react';
 import { Navigate, Outlet, Route, Routes, useLocation, useParams } from 'react-router-dom';
-import { useAccount, useAccountComment, useSubplebbit } from '@plebbit/plebbit-react-hooks';
+import { useAccount, useAccountComment, useSubplebbit } from '@bitsocialhq/pkc-react-hooks';
-import useAccountsStore from '@plebbit/plebbit-react-hooks/dist/stores/accounts';
+import useAccountsStore from '@bitsocialhq/pkc-react-hooks/dist/stores/accounts';
 import { initSnow, removeSnow } from './lib/snow';
 import { isAllView, isModView, isSubscriptionsView } from './lib/utils/view-utils';
 import { preloadThemeAssets } from './lib/utils/preload-utils';

src/components/board-buttons/board-buttons.tsx

@@ -1,6 +1,6 @@
 import { useTranslation } from 'react-i18next';
 import { Link, useLocation, useNavigate, useParams } from 'react-router-dom';
-import { useAccountComment, useComment, useSubscribe } from '@plebbit/plebbit-react-hooks';
+import { useAccountComment, useComment, useSubscribe } from '@bitsocialhq/pkc-react-hooks';
 import { isAllView, isCatalogView, isModView, isModQueueView, isPendingPostView, isPostPageView, isSubscriptionsView } from '../../lib/utils/view-utils';
 import { usePostPageNumber } from '../../hooks/use-post-page-number';
 import { useDirectories, useDirectoryByAddress } from '../../hooks/use-directories';

src/components/board-header/board-header.tsx

@@ -1,9 +1,9 @@
 import { useState } from 'react';
 import { useTranslation } from 'react-i18next';
 import { useLocation, useParams, useNavigate } from 'react-router-dom';
-import { useAccountComment } from '@plebbit/plebbit-react-hooks';
+import { useAccountComment } from '@bitsocialhq/pkc-react-hooks';
-import useAccountsStore from '@plebbit/plebbit-react-hooks/dist/stores/accounts';
+import useAccountsStore from '@bitsocialhq/pkc-react-hooks/dist/stores/accounts';
-import useSubplebbitsStore from '@plebbit/plebbit-react-hooks/dist/stores/subplebbits';
+import useSubplebbitsStore from '@bitsocialhq/pkc-react-hooks/dist/stores/subplebbits';
 import getShortAddress from '../../lib/get-short-address';
 import { useStableSubplebbit } from '../../hooks/use-stable-subplebbit';
 import { isAllView, isSubscriptionsView, isModView } from '../../lib/utils/view-utils';

src/components/boardsbar-edit-modal/boardsbar-edit-modal.tsx

@@ -1,6 +1,6 @@
 import { useState, useMemo } from 'react';
 import { Link, useLocation } from 'react-router-dom';
-import { useAccount } from '@plebbit/plebbit-react-hooks';
+import { useAccount } from '@bitsocialhq/pkc-react-hooks';
 import useBoardsBarEditModalStore from '../../stores/use-boardsbar-edit-modal-store';
 import useBoardsBarVisibilityStore from '../../stores/use-boardsbar-visibility-store';
 import { getAllBoardCodes } from '../../constants/board-codes';

src/components/boardsbar/boardsbar.tsx

@@ -2,8 +2,8 @@ import { useCallback, useEffect, useMemo, useRef, useState } from 'react';
 import { Link, useLocation, useNavigate, useParams } from 'react-router-dom';
 import { useTranslation } from 'react-i18next';
 import getShortAddress from '../../lib/get-short-address';
-import { useAccountComment } from '@plebbit/plebbit-react-hooks';
+import { useAccountComment } from '@bitsocialhq/pkc-react-hooks';
-import useAccountsStore from '@plebbit/plebbit-react-hooks/dist/stores/accounts';
+import useAccountsStore from '@bitsocialhq/pkc-react-hooks/dist/stores/accounts';
 import { isAllView, isCatalogView, isModView, isSubscriptionsView } from '../../lib/utils/view-utils';
 import { useDirectories, DirectoryCommunity } from '../../hooks/use-directories';
 import { useBoardPath, useResolvedSubplebbitAddress } from '../../hooks/use-resolved-subplebbit-address';

src/components/catalog-row/catalog-row.tsx

@@ -3,7 +3,7 @@ import { createPortal } from 'react-dom';
 import { useTranslation } from 'react-i18next';
 import { Link, useLocation, useParams } from 'react-router-dom';
 import { useFloating, offset, size, Placement } from '@floating-ui/react';
-import { Comment, useReplies } from '@plebbit/plebbit-react-hooks';
+import { Comment, useReplies } from '@bitsocialhq/pkc-react-hooks';
 import getShortAddress from '../../lib/get-short-address';
 import { shouldShowSnow } from '../../lib/snow';
 import { getHasThumbnail } from '../../lib/utils/media-utils';

src/components/challenge-modal/challenge-modal.tsx

@@ -1,6 +1,6 @@
 import { useRef, useState, useEffect, useCallback } from 'react';
 import { useTranslation } from 'react-i18next';
-import { Challenge as ChallengeType, useAccount, useComment } from '@plebbit/plebbit-react-hooks';
+import { Challenge as ChallengeType, useAccount, useComment } from '@bitsocialhq/pkc-react-hooks';
 import { getPublicationPreview, getPublicationType, getVotePreview } from '../../lib/utils/challenge-utils';
 import useIsMobile from '../../hooks/use-is-mobile';
 import useChallengesStore from '../../stores/use-challenges-store';

src/components/comment-content/comment-content.tsx

@@ -1,8 +1,8 @@
 import { Fragment, useMemo, useState } from 'react';
 import { useLocation, useParams } from 'react-router-dom';
 import { Trans, useTranslation } from 'react-i18next';
-import { Comment, useComment } from '@plebbit/plebbit-react-hooks';
+import { Comment, useComment } from '@bitsocialhq/pkc-react-hooks';
-import useSubplebbitsPagesStore from '@plebbit/plebbit-react-hooks/dist/stores/subplebbits-pages';
+import useSubplebbitsPagesStore from '@bitsocialhq/pkc-react-hooks/dist/stores/subplebbits-pages';
 import usePostNumberStore from '../../stores/use-post-number-store';
 import getShortAddress from '../../lib/get-short-address';
 import { getFormattedDate, getFormattedTimeAgo } from '../../lib/utils/time-utils';

src/components/edit-menu/edit-menu.tsx

@@ -8,7 +8,7 @@ import {
   usePublishCommentEdit,
   usePublishCommentModeration,
   PublishCommentModerationOptions,
-} from '@plebbit/plebbit-react-hooks';
+} from '@bitsocialhq/pkc-react-hooks';
 import styles from './edit-menu.module.css';
 import { alertChallengeVerificationFailed } from '../../lib/utils/challenge-utils';
 import useChallengesStore from '../../stores/use-challenges-store';

src/components/markdown/markdown.tsx

@@ -16,8 +16,8 @@ import { Link, useLocation, useParams } from 'react-router-dom';
 import { canEmbed } from '../embed';
 import { is5chanLink, transform5chanLinkToInternal, preprocess5chanPatterns } from '../../lib/utils/url-utils';
 import usePostNumberStore from '../../stores/use-post-number-store';
-import useSubplebbitsPagesStore from '@plebbit/plebbit-react-hooks/dist/stores/subplebbits-pages';
+import useSubplebbitsPagesStore from '@bitsocialhq/pkc-react-hooks/dist/stores/subplebbits-pages';
-import { useComment } from '@plebbit/plebbit-react-hooks';
+import { useComment } from '@bitsocialhq/pkc-react-hooks';
 import ReplyQuotePreview from '../reply-quote-preview';
 
 const safeParseUrl = (href: string): URL | null => {

src/components/post-desktop/post-desktop.tsx

@@ -2,7 +2,7 @@ import { useEffect, useRef, useState, useCallback } from 'react';
 import { Trans, useTranslation } from 'react-i18next';
 import { Link, useLocation, useNavigationType, useParams } from 'react-router-dom';
 import { Virtuoso, VirtuosoHandle, StateSnapshot } from 'react-virtuoso';
-import { Comment, useEditedComment, useReplies, useAccount, useAccountComment } from '@plebbit/plebbit-react-hooks';
+import { Comment, useEditedComment, useReplies, useAccount, useAccountComment } from '@bitsocialhq/pkc-react-hooks';
 import getShortAddress from '../../lib/get-short-address';
 import styles from '../../views/post/post.module.css';
 import { CommentMediaInfo, getDisplayMediaInfoType, getHasThumbnail, getMediaDimensions } from '../../lib/utils/media-utils';
@@ -42,7 +42,7 @@ import useChallengesStore from '../../stores/use-challenges-store';
 import useFeedResetStore from '../../stores/use-feed-reset-store';
 import usePostNumberStore from '../../stores/use-post-number-store';
 import { alertChallengeVerificationFailed } from '../../lib/utils/challenge-utils';
-import { usePublishCommentModeration } from '@plebbit/plebbit-react-hooks';
+import { usePublishCommentModeration } from '@bitsocialhq/pkc-react-hooks';
 import useQuotedByMap from '../../hooks/use-quoted-by-map';
 import useProgressiveRender from '../../hooks/use-progressive-render';
 import { BOARD_REPLIES_PREVIEW_FETCH_SIZE, BOARD_REPLIES_PREVIEW_VISIBLE_COUNT, REPLIES_PER_PAGE } from '../../lib/constants';

src/components/post-form/post-form.tsx

@@ -1,10 +1,10 @@
 import { useEffect, useRef, useState } from 'react';
 import { useTranslation } from 'react-i18next';
 import { useLocation, useNavigate, useParams } from 'react-router-dom';
-import { Comment, setAccount, useAccount, useAccountComment, useAccountSubplebbits, useEditedComment } from '@plebbit/plebbit-react-hooks';
+import { Comment, setAccount, useAccount, useAccountComment, useAccountSubplebbits, useEditedComment } from '@bitsocialhq/pkc-react-hooks';
 import getShortAddress from '../../lib/get-short-address';
-import useSubplebbitsStore from '@plebbit/plebbit-react-hooks/dist/stores/subplebbits';
+import useSubplebbitsStore from '@bitsocialhq/pkc-react-hooks/dist/stores/subplebbits';
-import useSubplebbitsPagesStore from '@plebbit/plebbit-react-hooks/dist/stores/subplebbits-pages';
+import useSubplebbitsPagesStore from '@bitsocialhq/pkc-react-hooks/dist/stores/subplebbits-pages';
 import { getLinkMediaInfo } from '../../lib/utils/media-utils';
 import { formatMarkdown } from '../../lib/utils/post-utils';
 import { isValidURL } from '../../lib/utils/url-utils';

src/components/post-mobile/post-menu-mobile/post-menu-mobile.tsx

@@ -1,7 +1,7 @@
 import { memo, useState } from 'react';
 import { createPortal } from 'react-dom';
 import { useTranslation } from 'react-i18next';
-import { Comment } from '@plebbit/plebbit-react-hooks';
+import { Comment } from '@bitsocialhq/pkc-react-hooks';
 import { autoUpdate, flip, FloatingFocusManager, offset, shift, useClick, useDismiss, useFloating, useId, useInteractions, useRole } from '@floating-ui/react';
 import styles from './post-menu-mobile.module.css';
 import { getCommentMediaInfo } from '../../../lib/utils/media-utils';

src/components/post-mobile/post-mobile.tsx

@@ -2,7 +2,7 @@ import { useEffect, useRef, useState, useCallback } from 'react';
 import { useTranslation } from 'react-i18next';
 import { Link, useLocation, useNavigationType, useParams } from 'react-router-dom';
 import { Virtuoso, VirtuosoHandle, StateSnapshot } from 'react-virtuoso';
-import { Comment, useEditedComment, useReplies, useAccount, usePublishCommentModeration, useAccountComment } from '@plebbit/plebbit-react-hooks';
+import { Comment, useEditedComment, useReplies, useAccount, usePublishCommentModeration, useAccountComment } from '@bitsocialhq/pkc-react-hooks';
 import getShortAddress from '../../lib/get-short-address';
 import styles from '../../views/post/post.module.css';
 import { shouldShowSnow } from '../../lib/snow';

src/components/reply-modal/reply-modal.tsx

@@ -1,7 +1,7 @@
 import { useEffect, useRef, useState } from 'react';
 import { useLocation, useParams } from 'react-router-dom';
 import { Trans, useTranslation } from 'react-i18next';
-import { setAccount, useAccount } from '@plebbit/plebbit-react-hooks';
+import { setAccount, useAccount } from '@bitsocialhq/pkc-react-hooks';
 import { useSubplebbitField } from '../../hooks/use-stable-subplebbit';
 import { formatMarkdown } from '../../lib/utils/post-utils';
 import { getFormattedTimeAgo } from '../../lib/utils/time-utils';

src/components/reply-quote-preview/reply-quote-preview.tsx

@@ -1,7 +1,7 @@
 import { useEffect, useRef, useState } from 'react';
 import { createPortal } from 'react-dom';
 import { Link, useLocation, useNavigate } from 'react-router-dom';
-import { Comment, useAccount } from '@plebbit/plebbit-react-hooks';
+import { Comment, useAccount } from '@bitsocialhq/pkc-react-hooks';
 import { useFloating, offset, shift, size, autoUpdate, Placement } from '@floating-ui/react';
 import { useDirectories } from '../../hooks/use-directories';
 import { getBoardPath } from '../../lib/utils/route-utils';

src/components/settings-modal/account-settings/__tests__/account-settings.test.tsx

@@ -15,7 +15,7 @@ vi.mock('react-i18next', () => ({
   }),
 }));
 
-vi.mock('@plebbit/plebbit-react-hooks', () => ({
+vi.mock('@bitsocialhq/pkc-react-hooks', () => ({
   useAccount: () => ({ id: 'test-id', name: 'Account 1', author: { address: '0x123', shortAddress: '0x1...3' } }),
   useAccounts: () => ({ accounts: [{ id: 'test-id', name: 'Account 1', author: { shortAddress: '0x1...3' } }] }),
   deleteAccount: vi.fn(),

src/components/settings-modal/account-settings/account-settings.tsx

@@ -1,5 +1,5 @@
 import { useTranslation } from 'react-i18next';
-import { deleteAccount, exportAccount, importAccount, setActiveAccount, useAccount, useAccounts } from '@plebbit/plebbit-react-hooks';
+import { deleteAccount, exportAccount, importAccount, setActiveAccount, useAccount, useAccounts } from '@bitsocialhq/pkc-react-hooks';
 import styles from './account-settings.module.css';
 import { Capacitor } from '@capacitor/core';
 import { useLocation, useNavigate } from 'react-router-dom';

src/components/settings-modal/advanced-settings/advanced-settings.tsx

@@ -1,5 +1,5 @@
 import { RefObject, useRef, useState } from 'react';
-import { setAccount, useAccount, usePlebbitRpcSettings } from '@plebbit/plebbit-react-hooks';
+import { setAccount, useAccount, usePlebbitRpcSettings } from '@bitsocialhq/pkc-react-hooks';
 import { useTranslation } from 'react-i18next';
 import styles from './advanced-settings.module.css';
 

src/components/settings-modal/crypto-address-setting/crypto-address-setting.tsx

@@ -1,6 +1,6 @@
 import { useState } from 'react';
 import { useTranslation } from 'react-i18next';
-import { useAccount, setAccount, useResolvedAuthorAddress } from '@plebbit/plebbit-react-hooks';
+import { useAccount, setAccount, useResolvedAuthorAddress } from '@bitsocialhq/pkc-react-hooks';
 import styles from './crypto-address-setting.module.css';
 
 const withErrorHandling = async <T,>(fn: () => Promise<T>, onError: (e: unknown) => void): Promise<T | undefined> => {

src/components/settings-modal/crypto-wallets-setting/crypto-wallets-setting.tsx

@@ -1,5 +1,5 @@
 import { useState } from 'react';
-import { Account, setAccount, useAccount } from '@plebbit/plebbit-react-hooks';
+import { Account, setAccount, useAccount } from '@bitsocialhq/pkc-react-hooks';
 import styles from './crypto-wallets-setting.module.css';
 import { Trans, useTranslation } from 'react-i18next';
 import capitalize from 'lodash/capitalize';

src/components/settings-modal/subscriptions-setting/subscriptions-setting.tsx

@@ -1,4 +1,4 @@
-import { setAccount, useAccount, useSubscribe } from '@plebbit/plebbit-react-hooks';
+import { setAccount, useAccount, useSubscribe } from '@bitsocialhq/pkc-react-hooks';
 import getShortAddress from '../../../lib/get-short-address';
 import styles from './subscriptions-setting.module.css';
 import { useTranslation } from 'react-i18next';

src/hooks/use-account-subplebbits-with-metadata.ts

@@ -1,4 +1,4 @@
-import useAccountsStore from '@plebbit/plebbit-react-hooks/dist/stores/accounts';
+import useAccountsStore from '@bitsocialhq/pkc-react-hooks/dist/stores/accounts';
 import { DirectoryCommunity } from './use-directories';
 
 export const useAccountSubplebbitsWithMetadata = (): DirectoryCommunity[] => {

src/hooks/use-author-privileges.ts

@@ -1,5 +1,5 @@
 import { useMemo } from 'react';
-import { useAccount } from '@plebbit/plebbit-react-hooks';
+import { useAccount } from '@bitsocialhq/pkc-react-hooks';
 import { useSubplebbitField } from './use-stable-subplebbit';
 
 interface AuthorPrivilegesProps {

src/hooks/use-catalog-feed-rows.ts

@@ -1,5 +1,5 @@
 import { useMemo } from 'react';
-import { useAccountComments, Subplebbit } from '@plebbit/plebbit-react-hooks';
+import { useAccountComments, Subplebbit } from '@bitsocialhq/pkc-react-hooks';
 const useCatalogFeedRows = (columnCount: number, feed: any, isFeedLoaded: boolean, subplebbit: Subplebbit) => {
   const { address } = subplebbit || {};
 

src/hooks/use-count-links-in-replies.ts

@@ -1,6 +1,6 @@
 import { useMemo } from 'react';
-import { Comment } from '@plebbit/plebbit-react-hooks';
+import { Comment } from '@bitsocialhq/pkc-react-hooks';
-import { flattenCommentsPages } from '@plebbit/plebbit-react-hooks/dist/lib/utils';
+import { flattenCommentsPages } from '@bitsocialhq/pkc-react-hooks/dist/lib/utils';
 
 const useCountLinksInReplies = (comment: Comment, firstXReplies?: number) => {
   let linkCount = 0;

src/hooks/use-fetch-gif-first-frame.ts

@@ -1,5 +1,5 @@
 import { useEffect, useState } from 'react';
-import localForageLru from '@plebbit/plebbit-react-hooks/dist/lib/localforage-lru/index.js';
+import localForageLru from '@bitsocialhq/pkc-react-hooks/dist/lib/localforage-lru/index.js';
 
 const gifFrameDb = localForageLru.createInstance({ name: '5chanGifFrames', size: 500 });
 const failedUrls = new Set<string>();

src/hooks/use-hide.ts

@@ -1,6 +1,6 @@
 import { useCallback, useMemo } from 'react';
 import { create } from 'zustand';
-import localForageLru from '@plebbit/plebbit-react-hooks/dist/lib/localforage-lru/index.js';
+import localForageLru from '@bitsocialhq/pkc-react-hooks/dist/lib/localforage-lru/index.js';
 
 interface HideStoreState {
   hiddenCids: { [key: string]: boolean };

src/hooks/use-is-subplebbit-offline.ts

@@ -1,6 +1,6 @@
 import { useTranslation } from 'react-i18next';
 import { useEffect } from 'react';
-import { Subplebbit } from '@plebbit/plebbit-react-hooks';
+import { Subplebbit } from '@bitsocialhq/pkc-react-hooks';
 import { getFormattedTimeAgo } from '../lib/utils/time-utils';
 import useSubplebbitOfflineStore from '../stores/use-subplebbit-offline-store';
 import useSubplebbitsLoadingStartTimestamps from '../stores/use-subplebbits-loading-start-timestamps-store';

src/hooks/use-popular-posts.ts

@@ -1,5 +1,5 @@
 import { useMemo, useRef } from 'react';
-import { Comment, Subplebbit } from '@plebbit/plebbit-react-hooks';
+import { Comment, Subplebbit } from '@bitsocialhq/pkc-react-hooks';
 import { getCommentMediaInfo, getHasThumbnail } from '../lib/utils/media-utils';
 
 const MAX_POSTS = 8;

src/hooks/use-post-page-number.ts

@@ -1,6 +1,6 @@
 import { useMemo } from 'react';
-import { useFeed } from '@plebbit/plebbit-react-hooks';
+import { useFeed } from '@bitsocialhq/pkc-react-hooks';
-import useFeedsStore from '@plebbit/plebbit-react-hooks/dist/stores/feeds';
+import useFeedsStore from '@bitsocialhq/pkc-react-hooks/dist/stores/feeds';
 import { useDirectoryByAddress } from './use-directories';
 import { useBoardFeedPageSize } from './use-board-feed-page-size';
 import { findPostPageInFeed, findPostPageInLoadedBoardFeeds, type FeedsOptionsLike, type LoadedFeedsLike } from '../lib/utils/post-page-resolution';

src/hooks/use-publish-post.ts

@@ -1,5 +1,5 @@
 import { useCallback } from 'react';
-import { Comment, useAccount, usePublishComment } from '@plebbit/plebbit-react-hooks';
+import { Comment, useAccount, usePublishComment } from '@bitsocialhq/pkc-react-hooks';
 import usePublishPostStore from '../stores/use-publish-post-store';
 
 const usePublishPost = ({ subplebbitAddress }: { subplebbitAddress?: string }) => {

src/hooks/use-publish-reply.ts

@@ -1,5 +1,5 @@
 import { useCallback, useMemo } from 'react';
-import { Comment, useAccount, usePublishComment } from '@plebbit/plebbit-react-hooks';
+import { Comment, useAccount, usePublishComment } from '@bitsocialhq/pkc-react-hooks';
 import usePublishReplyStore from '../stores/use-publish-reply-store';
 import usePostNumberStore from '../stores/use-post-number-store';
 import { getQuotedCidsFromContent, mergeQuotedCids } from '../lib/utils/reply-quote-utils';

src/hooks/use-quoted-by-map.ts

@@ -1,5 +1,5 @@
 import { useCallback, useMemo, useRef } from 'react';
-import { Comment } from '@plebbit/plebbit-react-hooks';
+import { Comment } from '@bitsocialhq/pkc-react-hooks';
 import { QUOTE_NUMBER_REGEX } from '../lib/utils/url-utils';
 import usePostNumberStore from '../stores/use-post-number-store';
 

src/hooks/use-stable-subplebbit.ts

@@ -1,4 +1,4 @@
-import useSubplebbitsStore from '@plebbit/plebbit-react-hooks/dist/stores/subplebbits';
+import useSubplebbitsStore from '@bitsocialhq/pkc-react-hooks/dist/stores/subplebbits';
 
 /**
  * Shallow compare two objects by keys and values.

src/hooks/use-state-string.ts

@@ -1,5 +1,5 @@
 import { useMemo } from 'react';
-import { useClientsStates, useSubplebbit, useSubplebbitsStates } from '@plebbit/plebbit-react-hooks';
+import { useClientsStates, useSubplebbit, useSubplebbitsStates } from '@bitsocialhq/pkc-react-hooks';
 import debounce from 'lodash/debounce';
 
 interface CommentOrSubplebbit {

src/hooks/use-subplebbits-stats.ts

@@ -1,5 +1,5 @@
 import { useEffect } from 'react';
-import { useSubplebbitStats } from '@plebbit/plebbit-react-hooks';
+import { useSubplebbitStats } from '@bitsocialhq/pkc-react-hooks';
 import { create } from 'zustand';
 
 export type SubplebbitsStatsState = {

src/hooks/use-theme.ts

@@ -4,7 +4,7 @@ import { isAllView, isSubscriptionsView, isModView } from '../lib/utils/view-uti
 import useThemeStore from '../stores/use-theme-store';
 import { useDirectories } from './use-directories';
 import { useResolvedSubplebbitAddress } from './use-resolved-subplebbit-address';
-import { useAccountComment } from '@plebbit/plebbit-react-hooks';
+import { useAccountComment } from '@bitsocialhq/pkc-react-hooks';
 import useSpecialThemeStore from '../stores/use-special-theme-store';
 import { isChristmas } from '../lib/utils/time-utils';
 

src/lib/utils/challenge-utils.ts

@@ -1,4 +1,4 @@
-import { ChallengeVerification } from '@plebbit/plebbit-react-hooks';
+import { ChallengeVerification } from '@bitsocialhq/pkc-react-hooks';
 import directoriesData from '../../data/5chan-directories.json';
 import { getBoardPath } from './route-utils';
 

src/lib/utils/media-utils.ts

@@ -1,4 +1,4 @@
-import localForageLru from '@plebbit/plebbit-react-hooks/dist/lib/localforage-lru/index.js';
+import localForageLru from '@bitsocialhq/pkc-react-hooks/dist/lib/localforage-lru/index.js';
 import { canEmbed } from '../../components/embed';
 import memoize from 'memoizee';
 import { isValidURL } from './url-utils';

src/lib/utils/pattern-utils.ts

@@ -1,5 +1,5 @@
-import { Comment } from '@plebbit/plebbit-react-hooks';
+import { Comment } from '@bitsocialhq/pkc-react-hooks';
-import useSubplebbitsStore from '@plebbit/plebbit-react-hooks/dist/stores/subplebbits';
+import useSubplebbitsStore from '@bitsocialhq/pkc-react-hooks/dist/stores/subplebbits';
 
 /**
  * Checks if a text matches a pattern according to various pattern matching rules:

src/lib/utils/post-menu-props.ts

@@ -1,4 +1,4 @@
-import { Comment } from '@plebbit/plebbit-react-hooks';
+import { Comment } from '@bitsocialhq/pkc-react-hooks';
 
 export type PostMenuProps = {
   cid?: string;

src/stores/use-catalog-filters-store.ts

@@ -1,6 +1,6 @@
 import { create } from 'zustand';
 import { persist } from 'zustand/middleware';
-import { Comment } from '@plebbit/plebbit-react-hooks';
+import { Comment } from '@bitsocialhq/pkc-react-hooks';
 import { commentMatchesPattern } from '../lib/utils/pattern-utils';
 
 interface FilterItem {

src/stores/use-challenges-store.ts

@@ -1,5 +1,5 @@
 import { create } from 'zustand';
-import { Challenge } from '@plebbit/plebbit-react-hooks';
+import { Challenge } from '@bitsocialhq/pkc-react-hooks';
 
 let nextChallengeId = 0;
 

src/stores/use-post-number-store.ts

@@ -1,5 +1,5 @@
 import { create } from 'zustand';
-import type { Comment } from '@plebbit/plebbit-react-hooks';
+import type { Comment } from '@bitsocialhq/pkc-react-hooks';
 
 interface PostNumberState {
   // Post numbers are only unique within a subplebbit, so scope by address

src/stores/use-publish-post-store.ts

@@ -1,4 +1,4 @@
-import { ChallengeVerification, Comment, PublishCommentOptions } from '@plebbit/plebbit-react-hooks';
+import { ChallengeVerification, Comment, PublishCommentOptions } from '@bitsocialhq/pkc-react-hooks';
 import { create } from 'zustand';
 import { alertChallengeVerificationFailed } from '../lib/utils/challenge-utils';
 import useChallengesStore from './use-challenges-store';

src/stores/use-publish-reply-store.ts

@@ -1,4 +1,4 @@
-import { ChallengeVerification, Comment, PublishCommentOptions } from '@plebbit/plebbit-react-hooks';
+import { ChallengeVerification, Comment, PublishCommentOptions } from '@bitsocialhq/pkc-react-hooks';
 import { create } from 'zustand';
 import { alertChallengeVerificationFailed } from '../lib/utils/challenge-utils';
 import useChallengesStore from './use-challenges-store';

src/stores/use-theme-store.ts

@@ -1,5 +1,5 @@
 import { create, StoreApi } from 'zustand';
-import localForageLru from '@plebbit/plebbit-react-hooks/dist/lib/localforage-lru/index.js';
+import localForageLru from '@bitsocialhq/pkc-react-hooks/dist/lib/localforage-lru/index.js';
 
 interface ThemeState {
   themes: {

src/views/account-data-editor/__tests__/account-data-editor.test.tsx

@@ -28,7 +28,7 @@ vi.mock('../../../lib/utils/account-editor-utils', () => ({
   buildSavePayload: vi.fn((parsed: { account: Record<string, unknown> }, id: string) => ({ ...parsed.account, id })),
 }));
 
-vi.mock('@plebbit/plebbit-react-hooks', () => ({
+vi.mock('@bitsocialhq/pkc-react-hooks', () => ({
   useAccount: () => ({ id: 'test-id', name: 'Account 1', author: { address: '0x123', shortAddress: '0x1...3' } }),
   setAccount: vi.fn(),
 }));

src/views/account-data-editor/account-data-editor.tsx

@@ -1,7 +1,7 @@
 import { useState, useEffect } from 'react';
 import { useTranslation } from 'react-i18next';
 import { useLocation, useNavigate } from 'react-router-dom';
-import { setAccount, useAccount } from '@plebbit/plebbit-react-hooks';
+import { setAccount, useAccount } from '@bitsocialhq/pkc-react-hooks';
 import { buildEditableAccountJson, safeParseAccountJson, buildSavePayload } from '../../lib/utils/account-editor-utils';
 import styles from './account-data-editor.module.css';
 

src/views/board/board.tsx

@@ -1,6 +1,6 @@
 import { useCallback, useEffect, useMemo, useRef } from 'react';
 import { useLocation, useNavigate, useNavigationType, useParams } from 'react-router-dom';
-import { Comment, useAccount, useAccountComments, useAccountSubplebbits, useFeed, useSubplebbit } from '@plebbit/plebbit-react-hooks';
+import { Comment, useAccount, useAccountComments, useAccountSubplebbits, useFeed, useSubplebbit } from '@bitsocialhq/pkc-react-hooks';
 import { useSubplebbitField } from '../../hooks/use-stable-subplebbit';
 import { Virtuoso, VirtuosoHandle, StateSnapshot } from 'react-virtuoso';
 import { useTranslation } from 'react-i18next';

src/views/catalog/catalog.tsx

@@ -1,7 +1,7 @@
 import { useEffect, useMemo, useRef, useState, useCallback } from 'react';
 import { useLocation, useNavigate, useNavigationType, useParams } from 'react-router-dom';
 import { useTranslation } from 'react-i18next';
-import { Comment, useAccount, useFeed, useSubplebbit, useAccountComments } from '@plebbit/plebbit-react-hooks';
+import { Comment, useAccount, useFeed, useSubplebbit, useAccountComments } from '@bitsocialhq/pkc-react-hooks';
 import { Virtuoso, VirtuosoHandle, StateSnapshot } from 'react-virtuoso';
 import useCatalogFeedRows from '../../hooks/use-catalog-feed-rows';
 import { useDirectories, useDirectoryByAddress } from '../../hooks/use-directories';

src/views/home/boards-list/boards-list.tsx

@@ -1,6 +1,6 @@
 import { Link, useNavigate } from 'react-router-dom';
 import { useTranslation } from 'react-i18next';
-import useAccountsStore from '@plebbit/plebbit-react-hooks/dist/stores/accounts';
+import useAccountsStore from '@bitsocialhq/pkc-react-hooks/dist/stores/accounts';
 import { useDirectoriesState, useDirectories, DirectoryCommunity } from '../../../hooks/use-directories';
 import { getBoardPath } from '../../../lib/utils/route-utils';
 import useDisclaimerModalStore from '../../../stores/use-disclaimer-modal-store';

src/views/home/home.tsx

@@ -1,7 +1,7 @@
 import { useEffect, useMemo, useRef, FormEvent } from 'react';
 import { Link, useNavigate } from 'react-router-dom';
 import { Trans, useTranslation } from 'react-i18next';
-import { useSubplebbits } from '@plebbit/plebbit-react-hooks';
+import { useSubplebbits } from '@bitsocialhq/pkc-react-hooks';
 import styles from './home.module.css';
 import { useDirectories, useDirectoryAddresses } from '../../hooks/use-directories';
 import { SubplebbitStatsCollector, useSubplebbitsStatsStore } from '../../hooks/use-subplebbits-stats';

src/views/home/popular-threads-box/popular-threads-box.tsx

@@ -1,7 +1,7 @@
 import { memo, useMemo } from 'react';
 import { Link } from 'react-router-dom';
 import { useTranslation } from 'react-i18next';
-import { Comment, Subplebbit } from '@plebbit/plebbit-react-hooks';
+import { Comment, Subplebbit } from '@bitsocialhq/pkc-react-hooks';
 import styles from '../home.module.css';
 import usePopularPosts from '../../../hooks/use-popular-posts';
 import usePopularThreadsOptionsStore from '../../../stores/use-popular-threads-options-store';

src/views/mod-queue/mod-queue.tsx

@@ -1,8 +1,8 @@
 import React, { useMemo, useState, useEffect, useCallback, memo } from 'react';
 import { useTranslation } from 'react-i18next';
 import { useParams, Link } from 'react-router-dom';
-import { useFeed, Comment, usePublishCommentModeration, useEditedComment, useSubplebbit, useComment } from '@plebbit/plebbit-react-hooks';
+import { useFeed, Comment, usePublishCommentModeration, useEditedComment, useSubplebbit, useComment } from '@bitsocialhq/pkc-react-hooks';
-import useAccountsStore from '@plebbit/plebbit-react-hooks/dist/stores/accounts';
+import useAccountsStore from '@bitsocialhq/pkc-react-hooks/dist/stores/accounts';
 import { Virtuoso } from 'react-virtuoso';
 import styles from './mod-queue.module.css';
 import useModQueueStore from '../../stores/use-mod-queue-store';

src/views/pending-post/pending-post.tsx

@@ -1,6 +1,6 @@
 import { useEffect } from 'react';
 import { useNavigate, useParams } from 'react-router-dom';
-import { useAccountComment, useAccountComments } from '@plebbit/plebbit-react-hooks';
+import { useAccountComment, useAccountComments } from '@bitsocialhq/pkc-react-hooks';
 import { useDirectories } from '../../hooks/use-directories';
 import { getBoardPath } from '../../lib/utils/route-utils';
 import { Post } from '../post';

src/views/post/post.tsx

@@ -1,7 +1,7 @@
 import { memo, useEffect, useMemo } from 'react';
 import { useTranslation } from 'react-i18next';
-import { Comment, Role, useComment, useEditedComment, useSubplebbit } from '@plebbit/plebbit-react-hooks';
+import { Comment, Role, useComment, useEditedComment, useSubplebbit } from '@bitsocialhq/pkc-react-hooks';
-import useSubplebbitsPagesStore from '@plebbit/plebbit-react-hooks/dist/stores/subplebbits-pages';
+import useSubplebbitsPagesStore from '@bitsocialhq/pkc-react-hooks/dist/stores/subplebbits-pages';
 import { useSubplebbitField } from '../../hooks/use-stable-subplebbit';
 import { useLocation, useNavigate, useParams } from 'react-router-dom';
 import { isAllView } from '../../lib/utils/view-utils';

src/views/rules/rules.tsx

@@ -1,6 +1,6 @@
 import { useEffect, useState, FormEvent } from 'react';
 import { useNavigate, useParams } from 'react-router-dom';
-import { useSubplebbit } from '@plebbit/plebbit-react-hooks';
+import { useSubplebbit } from '@bitsocialhq/pkc-react-hooks';
 import { Footer, HomeLogo } from '../home';
 import { useDirectories, DirectoryCommunity } from '../../hooks/use-directories';
 import { getSubplebbitAddress, getBoardPath } from '../../lib/utils/route-utils';

vite.config.js

@@ -172,8 +172,8 @@ export default defineConfig({
           if (/[\\/]node_modules[\\/](@plebbit[\\/]plebbit-js)[\\/]/.test(id)) {
             return 'plebbit-js';
           }
-          if (/[\\/]node_modules[\\/](@plebbit[\\/]plebbit-react-hooks)[\\/]/.test(id)) {
+          if (/[\\/]node_modules[\\/](@bitsocialhq[\\/]pkc-react-hooks)[\\/]/.test(id)) {
-            return 'plebbit-react-hooks';
+            return 'pkc-react-hooks';
           }
           if (/[\\/]node_modules[\\/](@react-spring|@use-gesture)[\\/]/.test(id)) {
             return 'spring-gesture';