|
|
|
@ -2,14 +2,13 @@ import { create } from "zustand";
|
|
|
|
import { combine } from "zustand/middleware";
|
|
|
|
import { combine } from "zustand/middleware";
|
|
|
|
import { memoServiceClient } from "@/grpcweb";
|
|
|
|
import { memoServiceClient } from "@/grpcweb";
|
|
|
|
import { CreateMemoRequest, ListMemosRequest, Memo } from "@/types/proto/api/v2/memo_service";
|
|
|
|
import { CreateMemoRequest, ListMemosRequest, Memo } from "@/types/proto/api/v2/memo_service";
|
|
|
|
import { MemoNamePrefix, extractMemoIdFromName } from ".";
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
interface State {
|
|
|
|
interface State {
|
|
|
|
memoMapById: Record<number, Memo>;
|
|
|
|
memoMapByName: Record<string, Memo>;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
const getDefaultState = (): State => ({
|
|
|
|
const getDefaultState = (): State => ({
|
|
|
|
memoMapById: {},
|
|
|
|
memoMapByName: {},
|
|
|
|
});
|
|
|
|
});
|
|
|
|
|
|
|
|
|
|
|
|
export const useMemoStore = create(
|
|
|
|
export const useMemoStore = create(
|
|
|
|
@ -18,52 +17,50 @@ export const useMemoStore = create(
|
|
|
|
getState: () => get(),
|
|
|
|
getState: () => get(),
|
|
|
|
fetchMemos: async (request: Partial<ListMemosRequest>) => {
|
|
|
|
fetchMemos: async (request: Partial<ListMemosRequest>) => {
|
|
|
|
const { memos, nextPageToken } = await memoServiceClient.listMemos(request);
|
|
|
|
const { memos, nextPageToken } = await memoServiceClient.listMemos(request);
|
|
|
|
const memoMap = get().memoMapById;
|
|
|
|
const memoMap = get().memoMapByName;
|
|
|
|
for (const memo of memos) {
|
|
|
|
for (const memo of memos) {
|
|
|
|
const id = extractMemoIdFromName(memo.name);
|
|
|
|
memoMap[memo.name] = memo;
|
|
|
|
memoMap[id] = memo;
|
|
|
|
|
|
|
|
}
|
|
|
|
}
|
|
|
|
set({ memoMapById: memoMap });
|
|
|
|
set({ memoMapByName: memoMap });
|
|
|
|
return { memos, nextPageToken };
|
|
|
|
return { memos, nextPageToken };
|
|
|
|
},
|
|
|
|
},
|
|
|
|
getOrFetchMemoById: async (id: number, options?: { skipCache?: boolean; skipStore?: boolean }) => {
|
|
|
|
getOrFetchMemoByName: async (name: string, options?: { skipCache?: boolean; skipStore?: boolean }) => {
|
|
|
|
const memoMap = get().memoMapById;
|
|
|
|
const memoMap = get().memoMapByName;
|
|
|
|
const memo = memoMap[id];
|
|
|
|
const memo = memoMap[name];
|
|
|
|
if (memo && !options?.skipCache) {
|
|
|
|
if (memo && !options?.skipCache) {
|
|
|
|
return memo;
|
|
|
|
return memo;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
const res = await memoServiceClient.getMemo({
|
|
|
|
const res = await memoServiceClient.getMemo({
|
|
|
|
name: `${MemoNamePrefix}${id}`,
|
|
|
|
name,
|
|
|
|
});
|
|
|
|
});
|
|
|
|
if (!res.memo) {
|
|
|
|
if (!res.memo) {
|
|
|
|
throw new Error("Memo not found");
|
|
|
|
throw new Error("Memo not found");
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
if (!options?.skipStore) {
|
|
|
|
if (!options?.skipStore) {
|
|
|
|
memoMap[id] = res.memo;
|
|
|
|
memoMap[name] = res.memo;
|
|
|
|
set({ memoMapById: memoMap });
|
|
|
|
set({ memoMapByName: memoMap });
|
|
|
|
}
|
|
|
|
}
|
|
|
|
return res.memo;
|
|
|
|
return res.memo;
|
|
|
|
},
|
|
|
|
},
|
|
|
|
getMemoById: (id: number) => {
|
|
|
|
getMemoByName: (name: string) => {
|
|
|
|
return get().memoMapById[id];
|
|
|
|
return get().memoMapByName[name];
|
|
|
|
},
|
|
|
|
},
|
|
|
|
searchMemos: async (filter: string) => {
|
|
|
|
searchMemos: async (filter: string) => {
|
|
|
|
const { memos } = await memoServiceClient.searchMemos({
|
|
|
|
const { memos } = await memoServiceClient.searchMemos({
|
|
|
|
filter,
|
|
|
|
filter,
|
|
|
|
});
|
|
|
|
});
|
|
|
|
const memoMap = get().memoMapById;
|
|
|
|
const memoMap = get().memoMapByName;
|
|
|
|
for (const memo of memos) {
|
|
|
|
for (const memo of memos) {
|
|
|
|
const id = extractMemoIdFromName(memo.name);
|
|
|
|
memoMap[memo.name] = memo;
|
|
|
|
memoMap[id] = memo;
|
|
|
|
|
|
|
|
}
|
|
|
|
}
|
|
|
|
set({ memoMapById: memoMap });
|
|
|
|
set({ memoMapByName: memoMap });
|
|
|
|
return memos;
|
|
|
|
return memos;
|
|
|
|
},
|
|
|
|
},
|
|
|
|
getMemoByName: (name: string) => {
|
|
|
|
getMemoByResourceId: (resourceId: string) => {
|
|
|
|
const memoMap = get().memoMapById;
|
|
|
|
const memoMap = get().memoMapByName;
|
|
|
|
return Object.values(memoMap).find((memo) => memo.resourceId === name);
|
|
|
|
return Object.values(memoMap).find((memo) => memo.resourceId === resourceId);
|
|
|
|
},
|
|
|
|
},
|
|
|
|
createMemo: async (request: CreateMemoRequest) => {
|
|
|
|
createMemo: async (request: CreateMemoRequest) => {
|
|
|
|
const { memo } = await memoServiceClient.createMemo(request);
|
|
|
|
const { memo } = await memoServiceClient.createMemo(request);
|
|
|
|
@ -71,10 +68,9 @@ export const useMemoStore = create(
|
|
|
|
throw new Error("Memo not found");
|
|
|
|
throw new Error("Memo not found");
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
const memoMap = get().memoMapById;
|
|
|
|
const memoMap = get().memoMapByName;
|
|
|
|
const id = extractMemoIdFromName(memo.name);
|
|
|
|
memoMap[memo.name] = memo;
|
|
|
|
memoMap[id] = memo;
|
|
|
|
set({ memoMapByName: memoMap });
|
|
|
|
set({ memoMapById: memoMap });
|
|
|
|
|
|
|
|
return memo;
|
|
|
|
return memo;
|
|
|
|
},
|
|
|
|
},
|
|
|
|
updateMemo: async (update: Partial<Memo>, updateMask: string[]) => {
|
|
|
|
updateMemo: async (update: Partial<Memo>, updateMask: string[]) => {
|
|
|
|
@ -86,34 +82,33 @@ export const useMemoStore = create(
|
|
|
|
throw new Error("Memo not found");
|
|
|
|
throw new Error("Memo not found");
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
const memoMap = get().memoMapById;
|
|
|
|
const memoMap = get().memoMapByName;
|
|
|
|
const id = extractMemoIdFromName(memo.name);
|
|
|
|
memoMap[memo.name] = memo;
|
|
|
|
memoMap[id] = memo;
|
|
|
|
set({ memoMapByName: memoMap });
|
|
|
|
set({ memoMapById: memoMap });
|
|
|
|
|
|
|
|
return memo;
|
|
|
|
return memo;
|
|
|
|
},
|
|
|
|
},
|
|
|
|
deleteMemo: async (id: number) => {
|
|
|
|
deleteMemo: async (name: string) => {
|
|
|
|
await memoServiceClient.deleteMemo({
|
|
|
|
await memoServiceClient.deleteMemo({
|
|
|
|
name: `${MemoNamePrefix}${id}`,
|
|
|
|
name,
|
|
|
|
});
|
|
|
|
});
|
|
|
|
|
|
|
|
|
|
|
|
const memoMap = get().memoMapById;
|
|
|
|
const memoMap = get().memoMapByName;
|
|
|
|
delete memoMap[id];
|
|
|
|
delete memoMap[name];
|
|
|
|
set({ memoMapById: memoMap });
|
|
|
|
set({ memoMapByName: memoMap });
|
|
|
|
},
|
|
|
|
},
|
|
|
|
})),
|
|
|
|
})),
|
|
|
|
);
|
|
|
|
);
|
|
|
|
|
|
|
|
|
|
|
|
export const useMemoList = () => {
|
|
|
|
export const useMemoList = () => {
|
|
|
|
const memoStore = useMemoStore();
|
|
|
|
const memoStore = useMemoStore();
|
|
|
|
const memos = Object.values(memoStore.getState().memoMapById);
|
|
|
|
const memos = Object.values(memoStore.getState().memoMapByName);
|
|
|
|
|
|
|
|
|
|
|
|
const reset = () => {
|
|
|
|
const reset = () => {
|
|
|
|
memoStore.setState({ memoMapById: {} });
|
|
|
|
memoStore.setState({ memoMapByName: {} });
|
|
|
|
};
|
|
|
|
};
|
|
|
|
|
|
|
|
|
|
|
|
const size = () => {
|
|
|
|
const size = () => {
|
|
|
|
return Object.keys(memoStore.getState().memoMapById).length;
|
|
|
|
return Object.keys(memoStore.getState().memoMapByName).length;
|
|
|
|
};
|
|
|
|
};
|
|
|
|
|
|
|
|
|
|
|
|
return {
|
|
|
|
return {
|
|
|
|
|
Steven
1 year ago