starred/yaak-mountain-loop
1
0
Fork 0
mirror of https://github.com/mountain-loop/yaak.git synced 2026-04-21 00:01:22 +02:00
Code Issues 8 Packages Projects Releases 10 Wiki Activity

Flattened the sidebar tree

Browse Source
This commit is contained in:
Gregory Schier
2025-10-17 15:07:02 -07:00
parent 6e9b1db196
commit c34ea20406
14 changed files with 418 additions and 370 deletions
Download Patch File Download Diff File Expand all files Collapse all files

51
src-web/components/core/tree/atoms.ts
View File

@@ -32,43 +32,40 @@ export const draggingIdsFamily = atomFamily((_treeId: string) => {
// eslint-disable-next-line @typescript-eslint/no-unused-vars
export const hoveredParentFamily = atomFamily((_treeId: string) => {
return atom<{ index: number | null; parentId: string | null }>({ index: null, parentId: null });
return atom<{
index: number | null;
childIndex: number | null;
parentId: string | null;
parentDepth: number | null;
}>({
index: null,
childIndex: null,
parentId: null,
parentDepth: null,
});
});
export const isParentHoveredFamily = atomFamily(
({ treeId, parentId }: { treeId: string; parentId: string | null | undefined }) =>
selectAtom(hoveredParentFamily(treeId), (v) => v.parentId === parentId, Object.is),
(a, b) => a.treeId === b.treeId && a.parentId === b.parentId,
export const isIndexHoveredFamily = atomFamily(
({ treeId, index }: { treeId: string; index: number}) =>
selectAtom(hoveredParentFamily(treeId), (v) => v.index === index, Object.is),
(a, b) => a.treeId === b.treeId && a.index === b.index,
);
export const isItemHoveredFamily = atomFamily(
({
treeId,
parentId,
index,
}: {
treeId: string;
parentId: string | null | undefined;
index: number | null;
}) =>
selectAtom(
hoveredParentFamily(treeId),
(v) => v.parentId === parentId && v.index === index,
Object.is,
),
(a, b) => a.treeId === b.treeId && a.parentId === b.parentId && a.index === b.index,
export const hoveredParentDepthFamily = atomFamily((treeId: string) =>
selectAtom(
hoveredParentFamily(treeId),
(s) => s.parentDepth,
(a, b) => Object.is(a, b) // prevents re-render unless the value changes
)
);
function kvKey(workspaceId: string | null) {
return ['sidebar_collapsed', workspaceId ?? 'n/a'];
}
export const collapsedFamily = atomFamily((workspaceId: string) => {
return atomWithKVStorage<Record<string, boolean>>(kvKey(workspaceId), {});
const key = ['sidebar_collapsed', workspaceId ?? 'n/a'];
return atomWithKVStorage<Record<string, boolean>>(key, {});
});
export const isCollapsedFamily = atomFamily(
({ treeId, itemId }: { treeId: string; itemId: string }) =>
({ treeId, itemId = 'n/a' }: { treeId: string; itemId: string | undefined }) =>
atom(
// --- getter ---
(get) => !!get(collapsedFamily(treeId))[itemId],