starred/yaak-mountain-loop
1
0
Fork 0
mirror of https://github.com/mountain-loop/yaak.git synced 2026-03-27 03:41:11 +01:00
Code Issues 8 Packages Projects Releases 10 Wiki Activity

Refactor recentRequest/Env/Workspace

Browse Source
This commit is contained in:
Gregory Schier
2024-02-15 15:14:18 -08:00
parent eae79ab14b
commit 239ffa174a
4 changed files with 23 additions and 75 deletions
Download Patch File Download Diff File Expand all files Collapse all files

34
src-web/hooks/useRecentRequests.ts
View File

@@ -1,5 +1,4 @@
import { useEffect, useMemo } from 'react';
import { createGlobalState } from 'react-use';
import { getKeyValue, NAMESPACE_GLOBAL } from '../lib/keyValueStore';
import { useActiveRequestId } from './useActiveRequestId';
import { useActiveWorkspaceId } from './useActiveWorkspaceId';
@@ -7,8 +6,6 @@ import { useGrpcRequests } from './useGrpcRequests';
import { useHttpRequests } from './useHttpRequests';
import { useKeyValue } from './useKeyValue';
const useHistoryState = createGlobalState<string[] | null>(null);
const kvKey = (workspaceId: string) => 'recent_requests::' + workspaceId;
const namespace = NAMESPACE_GLOBAL;
const defaultValue: string[] = [];
@@ -20,42 +17,25 @@ export function useRecentRequests() {
const activeWorkspaceId = useActiveWorkspaceId();
const activeRequestId = useActiveRequestId();
const [history, setHistory] = useHistoryState();
const kv = useKeyValue<string[]>({
key: kvKey(activeWorkspaceId ?? 'n/a'),
namespace,
defaultValue,
});
// Load local storage state on initial render
useEffect(() => {
if (kv.value) {
console.log('SET HISTORY', kv.value);
setHistory(kv.value);
}
}, [kv.isLoading]);
// Update local storage state when history changes
useEffect(() => {
if (history == null) return;
console.log('SET KV', history);
kv.set(history);
// eslint-disable-next-line react-hooks/exhaustive-deps
}, [history]);
// Set history when active request changes
useEffect(() => {
setHistory((currentHistory) => {
console.log('ACTIVE REQUEST CHANGED', kv.isLoading, activeRequestId, currentHistory);
if (activeRequestId === null || currentHistory == null) return currentHistory;
kv.set((currentHistory) => {
if (activeRequestId === null) return currentHistory;
const withoutCurrentRequest = currentHistory.filter((id) => id !== activeRequestId);
return [activeRequestId, ...withoutCurrentRequest];
});
}, [activeRequestId, kv.isLoading, setHistory]);
}).catch(console.error);
// eslint-disable-next-line react-hooks/exhaustive-deps
}, [activeRequestId]);
const onlyValidIds = useMemo(
() => history?.filter((id) => requests.some((r) => r.id === id)) ?? [],
[history, requests],
() => kv.value?.filter((id) => requests.some((r) => r.id === id)) ?? [],
[kv.value, requests],
);
return onlyValidIds;