feat: walletd state information

Author: alexfreska

.changeset/forty-toes-reflect.md

@@ -0,0 +1,5 @@
+---
+'walletd': minor
+---
+
+The profile details now include uptime and version. Closes https://github.com/SiaFoundation/walletd/issues/97

.changeset/many-panthers-wonder.md

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

apps/walletd/components/Profile/index.tsx

@@ -1,16 +1,38 @@
-import { DaemonProfile, Label, Text } from '@siafoundation/design-system'
+import { DaemonProfile, Label, Text, Link } from '@siafoundation/design-system'
 import { useSyncStatus } from '../../hooks/useSyncStatus'
 import {
   useConsensusNetwork,
+  useNodeState,
   useSyncerPeers,
 } from '@siafoundation/react-walletd'
 import { useDialog } from '../../contexts/dialog'
+import { humanTime } from '@siafoundation/units'
 
 export function Profile() {
   const { openDialog } = useDialog()
   const peers = useSyncerPeers()
   const syncStatus = useSyncStatus()
   const network = useConsensusNetwork()
+  const state = useNodeState({
+    config: {
+      swr: {
+        revalidateOnFocus: false,
+      },
+    },
+  })
+
+  const version = state.data?.version
+  const versionUrl =
+    version === '?'
+      ? `https://github.com/SiaFoundation/walletd/commits/`
+      : version?.match(/^v\d+\.\d+\.\d+/)
+      ? `https://github.com/SiaFoundation/walletd/releases/${version}`
+      : `https://github.com/SiaFoundation/walletd/tree/${version}`
+
+  const uptime = state.data
+    ? new Date().getTime() - new Date(state.data?.startTime).getTime()
+    : 0
+
   return (
     <DaemonProfile
       name="walletd"
@@ -23,6 +45,16 @@ export function Profile() {
       firstTimeSyncing={syncStatus.firstTimeSyncing}
       moreThan100BlocksToSync={syncStatus.moreThan100BlocksToSync}
     >
+      {state.data && (
+        <div className="flex gap-4 justify-between items-center">
+          <Label size="14" color="subtle" noWrap className="w-[100px]">
+            Uptime
+          </Label>
+          <div className="flex-1 flex justify-end overflow-hidden -mr-0.5 pr-0.5">
+            <Text size="14">{humanTime(uptime, { format: 'long' })}</Text>
+          </div>
+        </div>
+      )}
       {network.data && (
         <div className="flex gap-4 justify-between items-center">
           <Label size="14" color="subtle" noWrap className="w-[100px]">
@@ -33,7 +65,7 @@ export function Profile() {
           </div>
         </div>
       )}
-      {/* <div className="flex gap-4 justify-between items-center">
+      <div className="flex gap-4 justify-between items-center">
         <Label size="14" color="subtle" noWrap className="w-[100px]">
           Version
         </Label>
@@ -46,7 +78,7 @@ export function Profile() {
         >
           {state.data?.version}
         </Link>
-      </div> */}
+      </div>
     </DaemonProfile>
   )
 }

libs/react-walletd/src/api.ts

@@ -32,6 +32,23 @@ import {
   WalletMetadata,
 } from './siaTypes'
 
+// state
+
+export type StateResponse = {
+  version: string
+  commit: string
+  os: string
+  buildTime: string
+  startTime: string
+}
+
+export function useNodeState(args?: HookArgsSwr<void, StateResponse>) {
+  return useGetSwr({
+    ...args,
+    route: '/state',
+  })
+}
+
 // consensus
 
 export type ConsensusTipResponse = ChainIndex