* Eslint import order * Initial Uikit * Rename file with camelCase * Remove unused code * Remove unused code * Set position traficlight mac * Grouping Ribbon, Topbar and Bottombar as layout * Added image brand * Moving feature toggle into context folder * Fix active state of setting menu * Cleanup downloadModel atom helper * Cleanup useGetConfigureModel * Added wave animation * Create useMainViewState intead of import helper atom * Remove unused code * Take a back switch ui * Toggle using switch component * Add dynamic primary color * Cleanup import * Added uikit scroll area * Add best practice form * Added toaster container * Fix loader container * Add hooks useDownloadState * Added tooltip on ribbon menu * Added case user multiple download model * Adjust input style with bigger ring * Restyle my model screen * Replace useStartStop model with useActiveModel * Import icon using Icon name * Fix missing login loading start and stop model * WIP integrate with cmdk * Move layout search bar on middle of app * Added function cancel download * Cleanup model explore * Cleanup unused code * Move app version in bototmbar or footer * WIP chat screen * WIP chat screen * Cleanup style and remove unsed code * Added command for showing downloaded model * Fix missing keyframe loader dot animation * Conditional loader of plugin setting * WIP history list message * chore: rebase main * Adding script ui into root package * Fix different version react hooks form * Add close toaster * Added status model active or not on list of command * Conditional showing info if user don't have a model * Disabled toolbar chat when user not yet have convo * chore: fix state * fix: get resource atom * Fix conditional bottom bar * fix: model download state * Fix font * Improve icon my model * Add toaster delete chat * Remove test classname * Fix scroll chat body * Fix scrolling chat body * chore: add message update * Add uikit into depedencies on root package * Update chat flow * Fix hot reload ui changes * Increate background color chat screen light mode * Added visual conversation active state * Added build:uikit on gh actions * chore: attempt to fix CI * fix: deps * fix: tests * chore: attempt to fix CI --------- Co-authored-by: Louis <louis@jan.ai>
53 lines
1.4 KiB
TypeScript
53 lines
1.4 KiB
TypeScript
import { useEffect, useState } from 'react'
|
|
|
|
import { PluginType } from '@janhq/core'
|
|
import { MonitoringPlugin } from '@janhq/core/lib/plugins'
|
|
|
|
import { useSetAtom } from 'jotai'
|
|
|
|
import { totalRamAtom } from '@/helpers/atoms/SystemBar.atom'
|
|
import { pluginManager } from '@/plugin/PluginManager'
|
|
|
|
export default function useGetSystemResources() {
|
|
const [ram, setRam] = useState<number>(0)
|
|
const [cpu, setCPU] = useState<number>(0)
|
|
const setTotalRam = useSetAtom(totalRamAtom)
|
|
|
|
const getSystemResources = async () => {
|
|
if (!pluginManager.get<MonitoringPlugin>(PluginType.SystemMonitoring)) {
|
|
return
|
|
}
|
|
const monitoring = pluginManager.get<MonitoringPlugin>(
|
|
PluginType.SystemMonitoring
|
|
)
|
|
const resourceInfor = await monitoring?.getResourcesInfo()
|
|
const currentLoadInfor = await monitoring?.getCurrentLoad()
|
|
|
|
const ram =
|
|
(resourceInfor?.mem?.active ?? 0) / (resourceInfor?.mem?.total ?? 1)
|
|
if (resourceInfor?.mem?.total) setTotalRam(resourceInfor.mem.total)
|
|
|
|
setRam(Math.round(ram * 100))
|
|
setCPU(Math.round(currentLoadInfor?.currentLoad ?? 0))
|
|
}
|
|
|
|
useEffect(() => {
|
|
getSystemResources()
|
|
|
|
// Fetch interval - every 3s
|
|
const intervalId = setInterval(() => {
|
|
getSystemResources()
|
|
}, 5000)
|
|
|
|
// clean up
|
|
return () => clearInterval(intervalId)
|
|
// eslint-disable-next-line react-hooks/exhaustive-deps
|
|
}, [])
|
|
|
|
return {
|
|
totalRamAtom,
|
|
ram,
|
|
cpu,
|
|
}
|
|
}
|