renterd improve onboarding, warnings, fixes, add minRecentScanFailures, adjust maxDowntimeHours, website map page

.changeset/famous-queens-protect.md

@@ -0,0 +1,5 @@
+---
+'explorer': minor
+---
+
+Fixed an issue loading the host page for hosts that are not benchmarked yet.

.changeset/few-steaks-fail.md

@@ -0,0 +1,5 @@
+---
+'renterd': minor
+---
+
+The maxDowntimeHours setting default value is now 336.

.changeset/funny-crabs-vanish.md

@@ -0,0 +1,5 @@
+---
+'renterd': minor
+---
+
+Added support for the minRecentScanFailures autopilot hosts setting.

.changeset/hot-humans-cover.md

@@ -0,0 +1,5 @@
+---
+'website': minor
+---
+
+The navbar now includes the logo and "sia" as text.

.changeset/itchy-lizards-speak.md

@@ -0,0 +1,7 @@
+---
+'hostd': minor
+'renterd': minor
+'@siafoundation/design-system': minor
+---
+
+Extremely small siacoin values will now show as hastings by default rather than 0SC.

.changeset/lemon-dragons-hug.md

@@ -0,0 +1,5 @@
+---
+'website': minor
+---
+
+The website now features an improved interactive host map.

.changeset/tender-crabs-peel.md

@@ -0,0 +1,5 @@
+---
+'renterd': minor
+---
+
+Refined the warnings in the files feature navbar and file explorer empty states.

.changeset/yellow-files-approve.md

@@ -0,0 +1,5 @@
+---
+'explorer': minor
+---
+
+Fixed an issue where transaction values were incorrect on the address page transaction list.

README.md

@@ -50,6 +50,7 @@ The Sia web libraries provide developers with convenient TypeScript SDKs for usi
 - [@siafoundation/sia-nodejs](libs/sia-nodejs) - Sia NodeJS client for controlling a v1 `siad`.
 - [@siafoundation/design-system](libs/design-system) - React-based design system used across Sia apps and websites.
 - [@siafoundation/data-sources](libs/data-sources) - Data sources used for stats on the website.
+- [@siafoundation/units](libs/units) - Methods and types for converting and displaying units.
 
 ## Internal
 

apps/explorer/app/host/[id]/opengraph-image.tsx

@@ -6,10 +6,12 @@ import { getOGImage } from '../../../components/OGImageEntity'
 import { siaCentralApi } from '../../../config'
 import {
   getDownloadCost,
+  getDownloadSpeed,
   getStorageCost,
   getUploadCost,
-} from '../../../lib/host'
-import { humanBytes, humanSpeed } from '@siafoundation/sia-js'
+  getUploadSpeed,
+} from '@siafoundation/units'
+import { humanBytes } from '@siafoundation/sia-js'
 import { truncate } from '@siafoundation/design-system'
 import { CurrencyOption, currencyOptions } from '@siafoundation/react-core'
 
@@ -76,10 +78,7 @@ export default async function Image({ params }) {
           rate: r.rates.sc.usd,
         },
       }),
-      subvalue: humanSpeed(
-        (h.host.benchmark.data_size * 8) /
-          (h.host.benchmark.download_time / 1000)
-      ),
+      subvalue: h.host.benchmark && getDownloadSpeed(h.host),
     },
     {
       label: 'upload',
@@ -90,9 +89,7 @@ export default async function Image({ params }) {
           rate: r.rates.sc.usd,
         },
       }),
-      subvalue: humanSpeed(
-        (h.host.benchmark.data_size * 8) / (h.host.benchmark.upload_time / 1000)
-      ),
+      subvalue: h.host.benchmark && getUploadSpeed(h.host),
     },
   ]
 

apps/explorer/components/Address/index.tsx

@@ -52,10 +52,12 @@ export function Address({ id, address }: Props) {
         ...address.unconfirmed_transactions.map((tx) => ({
           hash: tx.id,
           sc: getTotal({
+            address: id,
             inputs: tx.siacoin_inputs,
             outputs: tx.siacoin_outputs,
           }),
           sf: getTotal({
+            address: id,
             inputs: tx.siafund_inputs,
             outputs: tx.siafund_outputs,
           }).toNumber(),
@@ -72,10 +74,12 @@ export function Address({ id, address }: Props) {
         ...address.transactions.map((tx) => ({
           hash: tx.id,
           sc: getTotal({
+            address: id,
             inputs: tx.siacoin_inputs,
             outputs: tx.siacoin_outputs,
           }),
           sf: getTotal({
+            address: id,
             inputs: tx.siafund_inputs,
             outputs: tx.siafund_outputs,
           }).toNumber(),
@@ -88,7 +92,7 @@ export function Address({ id, address }: Props) {
       )
     }
     return list
-  }, [address])
+  }, [id, address])
 
   const utxos = useMemo(() => {
     const list: EntityListItemProps[] = []
@@ -159,15 +163,23 @@ export function Address({ id, address }: Props) {
 }
 
 function getTotal({
+  address,
   inputs,
   outputs,
 }: {
-  inputs?: { value: string }[]
-  outputs?: { value: string }[]
+  address: string
+  inputs?: { value: string; unlock_hash: string }[]
+  outputs?: { value: string; unlock_hash: string }[]
 }) {
   return (outputs || [])
-    .reduce((acc, o) => acc.plus(o.value), new BigNumber(0))
+    .reduce(
+      (acc, o) => (o.unlock_hash === address ? acc.plus(o.value) : acc),
+      new BigNumber(0)
+    )
     .minus(
-      (inputs || []).reduce((acc, i) => acc.plus(i.value), new BigNumber(0))
+      (inputs || []).reduce(
+        (acc, i) => (i.unlock_hash === address ? acc.plus(i.value) : acc),
+        new BigNumber(0)
+      )
     )
 }

apps/explorer/components/Home/HostListItem.tsx

@@ -24,7 +24,7 @@ import {
   getStorageCost,
   getUploadCost,
   getUploadSpeed,
-} from '../../lib/host'
+} from '@siafoundation/units'
 import { useMemo } from 'react'
 import { routes } from '../../config/routes'
 import { useExchangeRate } from '../../hooks/useExchangeRate'
@@ -106,7 +106,7 @@ export function HostListItem({ host, rates, entity }: Props) {
             </Tooltip>
             <Tooltip content="Download speed">
               <Text size="10" color="subtle" ellipsis>
-                {downloadSpeed}
+                {downloadSpeed || '-'}
               </Text>
             </Tooltip>
           </div>
@@ -121,7 +121,7 @@ export function HostListItem({ host, rates, entity }: Props) {
             </Tooltip>
             <Tooltip content="Upload speed">
               <Text size="10" color="subtle" ellipsis>
-                {uploadSpeed}
+                {uploadSpeed || '-'}
               </Text>
             </Tooltip>
           </div>

apps/explorer/components/Home/index.tsx

@@ -18,7 +18,11 @@ import {
   SiaCentralHostsNetworkMetricsResponse,
 } from '@siafoundation/sia-central'
 import { hashToAvatar } from '../../lib/avatar'
-import { getDownloadCost, getStorageCost, getUploadCost } from '../../lib/host'
+import {
+  getDownloadCost,
+  getStorageCost,
+  getUploadCost,
+} from '@siafoundation/units'
 import { HostListItem } from './HostListItem'
 import { useExchangeRate } from '../../hooks/useExchangeRate'
 
@@ -62,7 +66,7 @@ export function Home({
               <Tooltip
                 content={`${humanBytes(
                   metrics?.totals.total_storage -
-                  metrics?.totals.remaining_storage
+                    metrics?.totals.remaining_storage
                 )} used storage`}
               >
                 <Text
@@ -72,7 +76,7 @@ export function Home({
                 >
                   {humanBytes(
                     metrics?.totals.total_storage -
-                    metrics?.totals.remaining_storage
+                      metrics?.totals.remaining_storage
                   )}
                 </Text>
               </Tooltip>

apps/explorer/components/Host/HostPricing.tsx

@@ -19,7 +19,7 @@ import {
   getStorageCost,
   getUploadCost,
   getUploadSpeed,
-} from '../../lib/host'
+} from '@siafoundation/units'
 import { useExchangeRate } from '../../hooks/useExchangeRate'
 
 type Props = {

apps/explorer/components/Host/HostSettings.tsx

@@ -14,7 +14,11 @@ import {
 } from '@siafoundation/design-system'
 import BigNumber from 'bignumber.js'
 import { humanBytes, humanSiacoin, toSiacoins } from '@siafoundation/sia-js'
-import { getDownloadCost, getStorageCost, getUploadCost } from '../../lib/host'
+import {
+  getDownloadCost,
+  getStorageCost,
+  getUploadCost,
+} from '@siafoundation/units'
 import { useExchangeRate } from '../../hooks/useExchangeRate'
 import { siacoinToFiat } from '../../lib/currency'
 

apps/renterd/components/Files/EmptyState/index.tsx

@@ -1,4 +1,4 @@
-import { LinkButton, Text } from '@siafoundation/design-system'
+import { Code, LinkButton, Text } from '@siafoundation/design-system'
 import { CloudUpload32 } from '@siafoundation/react-icons'
 import { routes } from '../../../config/routes'
 import { useFiles } from '../../../contexts/files'
@@ -35,12 +35,13 @@ export function EmptyState() {
         </Text>
         <div className="flex flex-col gap-6 justify-center items-center">
           <Text color="subtle" className="text-center max-w-[500px]">
-            Before you can upload files you must configure autopilot. Autopilot
-            finds contracts with hosts based on the settings you choose.
-            Autopilot also repairs your data as hosts come and go.
+            Before you can upload files you must configure your settings. Once
+            configured, <Code>renterd</Code> will find contracts with hosts
+            based on the settings you choose. <Code>renterd</Code> will also
+            repair your data as hosts come and go.
           </Text>
           <LinkButton variant="accent" href={routes.config.index}>
-            Configure autopilot →
+            Configure
           </LinkButton>
         </div>
       </div>

apps/renterd/components/Files/FilesStatsMenu/FilesStatsMenuWarnings.tsx

@@ -1,42 +1,9 @@
-import { Link, Text, Tooltip } from '@siafoundation/design-system'
+import { Text, Tooltip } from '@siafoundation/design-system'
 import { Warning16 } from '@siafoundation/react-icons'
-import { useFiles } from '../../../contexts/files'
-import { routes } from '../../../config/routes'
 import { useContractSetMismatch } from '../checks/useContractSetMismatch'
-import { useDefaultContractSetNotSet } from '../checks/useDefaultContractSetNotSet'
-import { useAutopilotNotConfigured } from '../checks/useAutopilotNotConfigured'
-import { useNotEnoughContracts } from '../checks/useNotEnoughContracts'
 
 export function FilesStatsMenuWarnings() {
-  const { dataState, isViewingRootOfABucket, isViewingBuckets } = useFiles()
   const contractSetMismatch = useContractSetMismatch()
-  const defaultContractSetNotSet = useDefaultContractSetNotSet()
-  const autopilotNotConfigured = useAutopilotNotConfigured()
-  const notEnoughContracts = useNotEnoughContracts()
-
-  // onboard/warn about default contract set
-  if (defaultContractSetNotSet.active) {
-    return (
-      <div className="flex gap-1">
-        <Text size="12" font="mono" weight="medium" color="amber">
-          <Warning16 />
-        </Text>
-        <Text size="12" font="mono" weight="medium" color="amber">
-          Configure a default contract set to get started.{' '}
-          <Link
-            underline="hover"
-            size="12"
-            font="mono"
-            weight="medium"
-            color="amber"
-            href={routes.config.index}
-          >
-            Configuration →
-          </Link>
-        </Text>
-      </div>
-    )
-  }
 
   // warn about contract set mismatch
   if (contractSetMismatch.active) {
@@ -65,66 +32,5 @@ export function FilesStatsMenuWarnings() {
     )
   }
 
-  const autopilotNotConfiguredViewingBuckets =
-    autopilotNotConfigured.active && isViewingBuckets
-  const autopilotNotConfiguredRootDirectory =
-    autopilotNotConfigured.active &&
-    isViewingRootOfABucket &&
-    dataState !== 'noneYet'
-  const autopilotNotConfiguredNotRootDirectory =
-    autopilotNotConfigured.active && !isViewingRootOfABucket
-  if (
-    autopilotNotConfiguredViewingBuckets ||
-    autopilotNotConfiguredRootDirectory ||
-    autopilotNotConfiguredNotRootDirectory
-  ) {
-    return (
-      <div className="flex gap-1">
-        <Text size="12" font="mono" weight="medium" color="amber">
-          <Warning16 />
-        </Text>
-        <Text size="12" font="mono" weight="medium" color="amber">
-          Configure autopilot to get started.{' '}
-          <Link
-            underline="none"
-            size="12"
-            font="mono"
-            weight="medium"
-            color="amber"
-            href={routes.config.index}
-          >
-            Autopilot →
-          </Link>
-        </Text>
-      </div>
-    )
-  }
-
-  const notEnoughContractsViewingBuckets =
-    notEnoughContracts.active && isViewingBuckets
-  const notEnoughContractsRootDirectoryAndExistingFiles =
-    notEnoughContracts.active &&
-    isViewingRootOfABucket &&
-    dataState !== 'noneYet'
-  const notEnoughContractsNotRootDirectory =
-    notEnoughContracts.active && !isViewingRootOfABucket
-  if (
-    notEnoughContractsViewingBuckets ||
-    notEnoughContractsRootDirectoryAndExistingFiles ||
-    notEnoughContractsNotRootDirectory
-  ) {
-    return (
-      <div className="flex gap-1">
-        <Text size="12" font="mono" weight="medium" color="amber">
-          <Warning16 />
-        </Text>
-        <Text size="12" font="mono" weight="medium" color="amber">
-          Not enought contracts to upload files. {notEnoughContracts.count}/
-          {notEnoughContracts.required}
-        </Text>
-      </div>
-    )
-  }
-
   return null
 }