refactor: update library naming scheme

.changeset/breezy-turkeys-knock.md

@@ -0,0 +1,11 @@
+---
+'@siafoundation/hostd-react': minor
+'@siafoundation/react-core': minor
+'@siafoundation/renterd-react': minor
+'@siafoundation/sia-central-mock': minor
+'@siafoundation/sia-central-react': minor
+'@siafoundation/walletd-mock': minor
+'@siafoundation/walletd-react': minor
+---
+
+Libraries now follow new naming scheme.

.changeset/many-panthers-wonder.md

@@ -1,5 +1,5 @@
 ---
-'@siafoundation/react-walletd': minor
+'@siafoundation/walletd-react': minor
 ---
 
 Added useNodeState.

.changeset/wicked-buses-tap.md

@@ -1,5 +1,5 @@
 ---
-'@siafoundation/react-walletd': minor
+'@siafoundation/walletd-react': minor
 ---
 
 Added useRescanStart, useRescanStatus.

README.md

@@ -23,11 +23,11 @@ The Sia web libraries provide developers with convenient TypeScript SDKs for usi
 
 - [@siafoundation/sdk](libs/sdk) - SDK for interacting directly with the Sia network from browsers and web clients.
 - [@siafoundation/react-core](libs/react-core) - Core library for building React hooks for interacting with a Sia daemon.
-- [@siafoundation/react-renterd](libs/react-renterd) - React hooks for interacting with `renterd`.
-- [@siafoundation/react-hostd](libs/react-hostd) - React hooks for interacting with `hostd`.
-- [@siafoundation/react-walletd](libs/react-walletd) - React hooks for interacting with `walletd`.
+- [@siafoundation/renterd-react](libs/renterd-react) - React hooks for interacting with `renterd`.
+- [@siafoundation/hostd-react](libs/hostd-react) - React hooks for interacting with `hostd`.
+- [@siafoundation/walletd-react](libs/walletd-react) - React hooks for interacting with `walletd`.
 - [@siafoundation/design-system](libs/design-system) - React-based design system used across Sia apps and websites.
-- [@siafoundation/react-sia-central](libs/react-sia-central) - React hooks for interacting with the Sia Central API.
+- [@siafoundation/sia-central-react](libs/sia-central-react) - React hooks for interacting with the Sia Central API.
 - [@siafoundation/sia-central](libs/sia-central) - Methods and types for interacting with the Sia Central API.
 - [@siafoundation/data-sources](libs/data-sources) - Data sources used for stats on the website.
 - [@siafoundation/fonts](libs/fonts) - Next font configuration for use across apps.
@@ -53,8 +53,8 @@ The Sia web libraries provide developers with convenient TypeScript SDKs for usi
 ### Testing
 
 - [walletd-e2e](walletd-e2e) - App for testing walletd.
-- [@siafoundation/mock-walletd](mock-walletd) - `walletd` data and API mock library for testing.
-- [@siafoundation/mock-sia-central](mock-sia-central) - Sia Central data and API mock library for testing.
+- [@siafoundation/walletd-mock](walletd-mock) - `walletd` data and API mock library for testing.
+- [@siafoundation/sia-central-mock](sia-central-mock) - Sia Central data and API mock library for testing.
 
 ## Development
 

apps/explorer/components/Layout/Search.tsx

@@ -11,7 +11,7 @@ import { Search16 } from '@siafoundation/react-icons'
 import React, { useCallback } from 'react'
 import { useRouter } from 'next/navigation'
 import { useForm } from 'react-hook-form'
-import { useSiaCentralSearch } from '@siafoundation/react-sia-central'
+import { useSiaCentralSearch } from '@siafoundation/sia-central-react'
 import { routes } from '../../config/routes'
 import { siaCentralApi } from '../../config'
 

apps/hostd/components/CmdRoot/WalletCmdGroup.tsx

@@ -3,7 +3,7 @@ import { routes } from '../../config/routes'
 import { useRouter } from 'next/router'
 import { useDialog } from '../../contexts/dialog'
 import { CommandGroup, CommandItemNav, CommandItemSearch } from './Item'
-import { useStateHost } from '@siafoundation/react-hostd'
+import { useStateHost } from '@siafoundation/hostd-react'
 import { Page } from './types'
 
 const commandPage = {

apps/hostd/components/Config/AnnounceButton.tsx

@@ -12,7 +12,7 @@ import {
   useSettingsAnnounce,
   useStateHost,
   useTxPoolFee,
-} from '@siafoundation/react-hostd'
+} from '@siafoundation/hostd-react'
 import { humanSiacoin } from '@siafoundation/units'
 import { useCallback } from 'react'
 import BigNumber from 'bignumber.js'

apps/hostd/components/Contracts/ContractContextMenu.tsx

@@ -15,7 +15,7 @@ import { CaretDown16, DataCheck16 } from '@siafoundation/react-icons'
 import {
   ContractStatus,
   useContractsIntegrityCheck,
-} from '@siafoundation/react-hostd'
+} from '@siafoundation/hostd-react'
 import { useDialog } from '../../contexts/dialog'
 import { useCallback } from 'react'
 

apps/hostd/components/DirectorySelectMenu/DirectorySelectCmd/DirectoryCreate.tsx

@@ -4,7 +4,7 @@ import {
   triggerErrorToast,
 } from '@siafoundation/design-system'
 import { FolderAdd16 } from '@siafoundation/react-icons'
-import { useSystemDirectoryCreate } from '@siafoundation/react-hostd'
+import { useSystemDirectoryCreate } from '@siafoundation/hostd-react'
 import { useHostOSPathSeparator } from '../../../hooks/useHostOSPathSeparator'
 import { getChildDirectoryPath } from '../../../lib/system'
 import { useCallback, useState } from 'react'

apps/hostd/components/DirectorySelectMenu/DirectorySelectCmd/index.tsx

@@ -3,7 +3,7 @@ import { Page } from '../../CmdRoot/types'
 import { Text } from '@siafoundation/design-system'
 import { FolderIcon } from '@siafoundation/react-icons'
 import { DirectorySelectEmpty } from './DirectorySelectEmpty'
-import { SystemDirResponse } from '@siafoundation/react-hostd'
+import { SystemDirResponse } from '@siafoundation/hostd-react'
 import { useHostOSPathSeparator } from '../../../hooks/useHostOSPathSeparator'
 import { getChildDirectoryPath } from '../../../lib/system'
 import { DirectorySelectError } from './DirectorySelectError'

apps/hostd/components/DirectorySelectMenu/index.tsx

@@ -1,6 +1,6 @@
 import { Panel, ScrollArea } from '@siafoundation/design-system'
 import { SWRError } from '@siafoundation/react-core'
-import { SystemDirResponse } from '@siafoundation/react-hostd'
+import { SystemDirResponse } from '@siafoundation/hostd-react'
 import { Command } from 'cmdk'
 import { SWRResponse } from 'swr'
 import {

apps/hostd/components/HostdAuthedLayout.tsx

@@ -1,5 +1,5 @@
 import { AppAuthedLayout } from '@siafoundation/design-system'
-import { useWallet } from '@siafoundation/react-hostd'
+import { useWallet } from '@siafoundation/hostd-react'
 import BigNumber from 'bignumber.js'
 import { connectivityRoute } from '../config/routes'
 import { useSyncStatus } from '../hooks/useSyncStatus'

apps/hostd/components/HostdSidenav.tsx

@@ -6,7 +6,7 @@ import {
   HardDriveIcon,
   BellIcon,
 } from '@siafoundation/react-icons'
-import { useAlerts } from '@siafoundation/react-hostd'
+import { useAlerts } from '@siafoundation/hostd-react'
 import { cx } from 'class-variance-authority'
 import { routes } from '../config/routes'
 import { useDialog } from '../contexts/dialog'

apps/hostd/components/HostdTestnetWarningBanner.tsx

@@ -1,5 +1,5 @@
 import { TestnetWarningBanner } from '@siafoundation/design-system'
-import { useStateHost } from '@siafoundation/react-hostd'
+import { useStateHost } from '@siafoundation/hostd-react'
 
 export function HostdTestnetWarningBanner() {
   const host = useStateHost({

apps/hostd/components/Node/Logs.tsx

@@ -6,7 +6,7 @@ import {
   Text,
   useDatasetEmptyState,
 } from '@siafoundation/design-system'
-import { useLogsSearch } from '@siafoundation/react-hostd'
+import { useLogsSearch } from '@siafoundation/hostd-react'
 import { humanDate } from '@siafoundation/units'
 import { cx } from 'class-variance-authority'
 import { times } from '@technically/lodash'

apps/hostd/components/Node/index.tsx

@@ -1,5 +1,5 @@
 import { DatumCard, PeerList } from '@siafoundation/design-system'
-import { useSyncerPeers } from '@siafoundation/react-hostd'
+import { useSyncerPeers } from '@siafoundation/hostd-react'
 import { routes } from '../../config/routes'
 import { useDialog } from '../../contexts/dialog'
 import { HostdSidenav } from '../HostdSidenav'

apps/hostd/components/OnboardingBar.tsx

@@ -17,7 +17,7 @@ import {
 import { useSyncStatus } from '../hooks/useSyncStatus'
 import { routes } from '../config/routes'
 import { useDialog } from '../contexts/dialog'
-import { useSettings, useWallet } from '@siafoundation/react-hostd'
+import { useSettings, useWallet } from '@siafoundation/hostd-react'
 import BigNumber from 'bignumber.js'
 import { toHastings } from '@siafoundation/units'
 import { useAppSettings } from '@siafoundation/react-core'

apps/hostd/components/Profile/index.tsx

@@ -9,7 +9,7 @@ import {
   useSettings,
   useStateHost,
   useSyncerPeers,
-} from '@siafoundation/react-hostd'
+} from '@siafoundation/hostd-react'
 import { useSyncStatus } from '../../hooks/useSyncStatus'
 import { useDialog } from '../../contexts/dialog'
 import { useSiascanUrl } from '../../hooks/useSiascanUrl'

apps/hostd/components/Volumes/VolumeContextMenu.tsx

@@ -22,7 +22,7 @@ import {
   useVolume,
   useVolumeCancel,
   useVolumeUpdate,
-} from '@siafoundation/react-hostd'
+} from '@siafoundation/hostd-react'
 import { useDialog } from '../../contexts/dialog'
 
 type Props = {

apps/hostd/components/Wallet/index.tsx

@@ -4,7 +4,7 @@ import {
   BalanceEvolution,
   PaginatorUnknownTotal,
 } from '@siafoundation/design-system'
-import { useWallet } from '@siafoundation/react-hostd'
+import { useWallet } from '@siafoundation/hostd-react'
 import { useDialog } from '../../contexts/dialog'
 import { routes } from '../../config/routes'
 import BigNumber from 'bignumber.js'

apps/hostd/config/routes.ts

@@ -1,4 +1,4 @@
-import { stateHostKey } from '@siafoundation/react-hostd'
+import { stateHostKey } from '@siafoundation/hostd-react'
 
 export const routes = {
   home: '/',

apps/hostd/contexts/config/resources.ts

@@ -1,5 +1,5 @@
 import { SWRError } from '@siafoundation/react-core'
-import { HostSettings } from '@siafoundation/react-hostd'
+import { HostSettings } from '@siafoundation/hostd-react'
 
 export type Resources = {
   settings: {

apps/hostd/contexts/config/transform.ts

@@ -4,7 +4,7 @@ import {
   DNSDuckDNSOptions,
   DNSNoIPOptions,
   HostSettings,
-} from '@siafoundation/react-hostd'
+} from '@siafoundation/hostd-react'
 import {
   bytesToMB,
   MBToBytes,

apps/hostd/contexts/config/types.ts

@@ -1,4 +1,4 @@
-import { DNSProvider } from '@siafoundation/react-hostd'
+import { DNSProvider } from '@siafoundation/hostd-react'
 import BigNumber from 'bignumber.js'
 
 export const scDecimalPlaces = 6

apps/hostd/contexts/config/useForm.tsx

@@ -3,7 +3,7 @@ import { initialValues } from './types'
 import { useMemo } from 'react'
 import { getFields } from './fields'
 import useLocalStorageState from 'use-local-storage-state'
-import { useSiaCentralExchangeRates } from '@siafoundation/react-sia-central'
+import { useSiaCentralExchangeRates } from '@siafoundation/sia-central-react'
 
 export function useForm() {
   const form = useHookForm({

apps/hostd/contexts/config/useOnValid.tsx

@@ -7,7 +7,7 @@ import { useCallback } from 'react'
 import { SettingsData, initialValues } from './types'
 import { calculateMaxCollateral, transformUp } from './transform'
 import { Resources } from './resources'
-import { useSettingsUpdate, useStateHost } from '@siafoundation/react-hostd'
+import { useSettingsUpdate, useStateHost } from '@siafoundation/hostd-react'
 
 export function useOnValid({
   resources,

apps/hostd/contexts/config/useResources.tsx

@@ -1,5 +1,5 @@
 import { minutesInMilliseconds } from '@siafoundation/design-system'
-import { useSettings, useSettingsDdns } from '@siafoundation/react-hostd'
+import { useSettings, useSettingsDdns } from '@siafoundation/hostd-react'
 
 export function useResources() {
   const settings = useSettings({

apps/hostd/contexts/contracts/columns.tsx

@@ -14,7 +14,7 @@ import {
   ArrowDownRight16,
   Money16,
 } from '@siafoundation/react-icons'
-import { ContractStatus } from '@siafoundation/react-hostd'
+import { ContractStatus } from '@siafoundation/hostd-react'
 import { blockHeightToTime, humanBytes, humanDate } from '@siafoundation/units'
 import { ContractContextMenu } from '../../components/Contracts/ContractContextMenu'
 import { ContractData, TableColumnId } from './types'

apps/hostd/contexts/contracts/dataset.ts

@@ -1,5 +1,5 @@
 import { useMemo } from 'react'
-import { Contract, useContracts } from '@siafoundation/react-hostd'
+import { Contract, useContracts } from '@siafoundation/hostd-react'
 import { ContractData } from './types'
 import BigNumber from 'bignumber.js'
 

apps/hostd/contexts/contracts/index.tsx

@@ -8,7 +8,7 @@ import { useRouter } from 'next/router'
 import {
   ContractStatus,
   useContracts as useContractsData,
-} from '@siafoundation/react-hostd'
+} from '@siafoundation/hostd-react'
 import { createContext, useContext, useMemo } from 'react'
 import {
   columnsDefaultVisible,

apps/hostd/contexts/contracts/types.ts

@@ -8,7 +8,7 @@ import {
 import {
   ContractFilterSortField,
   ContractStatus,
-} from '@siafoundation/react-hostd'
+} from '@siafoundation/hostd-react'
 import BigNumber from 'bignumber.js'
 
 export type ContractData = {

apps/hostd/contexts/dialog.tsx

@@ -8,7 +8,7 @@ import {
 import { VolumeCreateDialog } from '../dialogs/VolumeCreateDialog'
 import { VolumeResizeDialog } from '../dialogs/VolumeResizeDialog'
 import { VolumeDeleteDialog } from '../dialogs/VolumeDeleteDialog'
-import { useSyncerConnect, useWallet } from '@siafoundation/react-hostd'
+import { useSyncerConnect, useWallet } from '@siafoundation/hostd-react'
 import { HostdSendSiacoinDialog } from '../dialogs/HostdSendSiacoinDialog'
 import { HostdTransactionDetailsDialog } from '../dialogs/HostdTransactionDetailsDialog'
 import { ContractsFilterContractIdDialog } from '../dialogs/ContractsFilterContractIdDialog'

apps/hostd/contexts/metrics/index.tsx

@@ -16,7 +16,7 @@ import {
 } from '@siafoundation/units'
 import { useCallback, useMemo } from 'react'
 import { chartConfigs } from '../../config/charts'
-import { useMetricsPeriod } from '@siafoundation/react-hostd'
+import { useMetricsPeriod } from '@siafoundation/hostd-react'
 import { configCategoryPattern, configCategoryLabel } from './utils'
 import BigNumber from 'bignumber.js'
 import {

apps/hostd/contexts/transactions/index.tsx

@@ -8,7 +8,7 @@ import {
   useMetricsPeriod,
   useWalletPending,
   useWalletTransactions,
-} from '@siafoundation/react-hostd'
+} from '@siafoundation/hostd-react'
 import { createContext, useContext, useMemo } from 'react'
 import { useDialog } from '../dialog'
 import BigNumber from 'bignumber.js'

apps/hostd/contexts/volumes/dataset.ts

@@ -1,5 +1,5 @@
 import { useMemo } from 'react'
-import { useVolumes, VolumeMeta } from '@siafoundation/react-hostd'
+import { useVolumes, VolumeMeta } from '@siafoundation/hostd-react'
 import { VolumeData } from './types'
 import BigNumber from 'bignumber.js'
 import { MiBToBytes } from '@siafoundation/units'

apps/hostd/contexts/volumes/index.tsx

@@ -6,7 +6,7 @@ import {
 import {
   VolumeMeta,
   useVolumes as useVolumesData,
-} from '@siafoundation/react-hostd'
+} from '@siafoundation/hostd-react'
 import { createContext, useContext, useMemo } from 'react'
 import { columnsDefaultVisible, TableColumnId } from './types'
 import { columns } from './columns'

apps/hostd/contexts/volumes/types.ts

@@ -1,4 +1,4 @@
-import { VolumeStatus } from '@siafoundation/react-hostd'
+import { VolumeStatus } from '@siafoundation/hostd-react'
 import BigNumber from 'bignumber.js'
 
 export type VolumeData = {

apps/hostd/dialogs/AlertsDialog.tsx

@@ -9,7 +9,7 @@ import {
   AlertSeverity,
   useAlerts,
   useAlertsDismiss,
-} from '@siafoundation/react-hostd'
+} from '@siafoundation/hostd-react'
 import { humanTime } from '@siafoundation/units'
 import { useCallback } from 'react'
 import { defaultDatasetRefreshInterval } from '../config/swr'

apps/hostd/dialogs/HostdSendSiacoinDialog.tsx

@@ -1,6 +1,6 @@
 import { useCallback } from 'react'
 import { WalletSendSiacoinDialog } from '@siafoundation/design-system'
-import { useWallet, useWalletSend } from '@siafoundation/react-hostd'
+import { useWallet, useWalletSend } from '@siafoundation/hostd-react'
 import { useDialog } from '../contexts/dialog'
 import BigNumber from 'bignumber.js'
 

apps/hostd/dialogs/VolumeCreateDialog.tsx

@@ -10,7 +10,7 @@ import {
   ConfigFields,
   useOnInvalid,
 } from '@siafoundation/design-system'
-import { useSystemDirectory, useVolumeCreate } from '@siafoundation/react-hostd'
+import { useSystemDirectory, useVolumeCreate } from '@siafoundation/hostd-react'
 import { bytesToGB, GBToBytes, humanBytes } from '@siafoundation/units'
 import BigNumber from 'bignumber.js'
 import { useCallback, useEffect, useMemo } from 'react'

apps/hostd/dialogs/VolumeDeleteDialog.tsx

@@ -13,7 +13,7 @@ import {
   FieldSwitch,
   FieldText,
 } from '@siafoundation/design-system'
-import { useVolume, useVolumeDelete } from '@siafoundation/react-hostd'
+import { useVolume, useVolumeDelete } from '@siafoundation/hostd-react'
 import { humanBytes } from '@siafoundation/units'
 import { useCallback, useMemo } from 'react'
 import { useForm } from 'react-hook-form'

apps/hostd/dialogs/VolumeResizeDialog.tsx

@@ -17,7 +17,7 @@ import {
   useSystemDirectory,
   useVolume,
   useVolumeResize,
-} from '@siafoundation/react-hostd'
+} from '@siafoundation/hostd-react'
 import { bytesToGB, GBToBytes, humanBytes } from '@siafoundation/units'
 import BigNumber from 'bignumber.js'
 import { useCallback, useEffect, useMemo } from 'react'

apps/hostd/hooks/useHostOSPathSeparator.ts

@@ -1,4 +1,4 @@
-import { useStateHost } from '@siafoundation/react-hostd'
+import { useStateHost } from '@siafoundation/hostd-react'
 
 export function useHostOSPathSeparator() {
   const state = useStateHost({

apps/hostd/hooks/useSiascanUrl.ts

@@ -1,5 +1,5 @@
 import { webLinks } from '@siafoundation/design-system'
-import { useStateHost } from '@siafoundation/react-hostd'
+import { useStateHost } from '@siafoundation/hostd-react'
 
 export function useSiascanUrl() {
   const state = useStateHost()

apps/hostd/hooks/useSyncStatus.ts

@@ -3,7 +3,7 @@ import {
   useEstimatedNetworkBlockHeight,
   useStateConsensus,
   useWallet,
-} from '@siafoundation/react-hostd'
+} from '@siafoundation/hostd-react'
 
 export function useSyncStatus() {
   const { isUnlockedAndAuthedRoute } = useAppSettings()