* 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>
68 lines
2.1 KiB
TypeScript
68 lines
2.1 KiB
TypeScript
import { atom, useSetAtom, useAtomValue } from 'jotai'
|
|
|
|
import { toaster } from '@/containers/Toast'
|
|
|
|
// download states
|
|
const modelDownloadStateAtom = atom<Record<string, DownloadState>>({})
|
|
|
|
const setDownloadStateAtom = atom(null, (get, set, state: DownloadState) => {
|
|
const currentState = { ...get(modelDownloadStateAtom) }
|
|
console.debug(
|
|
`current download state for ${state.fileName} is ${JSON.stringify(state)}`
|
|
)
|
|
state.fileName = state.fileName.replace('models/', '')
|
|
currentState[state.fileName] = state
|
|
set(modelDownloadStateAtom, currentState)
|
|
})
|
|
|
|
const setDownloadStateSuccessAtom = atom(null, (get, set, fileName: string) => {
|
|
const currentState = { ...get(modelDownloadStateAtom) }
|
|
const state = currentState[fileName]
|
|
if (!state) {
|
|
console.error(`Cannot find download state for ${fileName}`)
|
|
return
|
|
}
|
|
delete currentState[fileName]
|
|
set(modelDownloadStateAtom, currentState)
|
|
toaster({
|
|
title: 'Download Completed',
|
|
description: `Download ${fileName} completed`,
|
|
})
|
|
})
|
|
|
|
const setDownloadStateFailedAtom = atom(null, (get, set, fileName: string) => {
|
|
const currentState = { ...get(modelDownloadStateAtom) }
|
|
const state = currentState[fileName]
|
|
if (!state) {
|
|
console.error(`Cannot find download state for ${fileName}`)
|
|
toaster({
|
|
title: 'Cancel Download',
|
|
description: `Model ${fileName} cancel download`,
|
|
})
|
|
return
|
|
}
|
|
delete currentState[fileName]
|
|
set(modelDownloadStateAtom, currentState)
|
|
})
|
|
|
|
export function useDownloadState() {
|
|
const modelDownloadState = useAtomValue(modelDownloadStateAtom)
|
|
const setDownloadState = useSetAtom(setDownloadStateAtom)
|
|
const setDownloadStateSuccess = useSetAtom(setDownloadStateSuccessAtom)
|
|
const setDownloadStateFailed = useSetAtom(setDownloadStateFailedAtom)
|
|
|
|
const downloadStates: DownloadState[] = []
|
|
for (const [, value] of Object.entries(modelDownloadState)) {
|
|
downloadStates.push(value)
|
|
}
|
|
|
|
return {
|
|
modelDownloadStateAtom,
|
|
modelDownloadState,
|
|
setDownloadState,
|
|
setDownloadStateSuccess,
|
|
setDownloadStateFailed,
|
|
downloadStates,
|
|
}
|
|
}
|