nils/papercrate
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

cleanup

Browse Source
This commit is contained in:
nils
2025-12-05 00:32:45 +01:00
parent 65ad797378
commit b8a23c7ec4
4 changed files with 49 additions and 51 deletions
Download Patch File Download Diff File Expand all files Collapse all files
frontend/src/documents/features/folders/useFolderTree.ts
+40 -42
View File
@@ -9,17 +9,15 @@ import {
createDocumentEntryKey,
createFolderEntryKey,
} from '../../../app/entryKey';
import type { FolderId as FolderIdentifier, Identifier } from '../../../types/identifiers';
import type { FolderId, FolderNodeId, Identifier } from '../../../types/identifiers';
import type { Document } from '../../../types/documents';
type FolderId = FolderIdentifier | 'root';
interface FolderSummary {
id?: FolderId;
id?: FolderNodeId;
name?: string;
parent_id?: FolderId | null;
parentId?: FolderId | null;
children?: FolderId[];
parent_id?: FolderNodeId | null;
parentId?: FolderNodeId | null;
children?: FolderNodeId[];
subfolders?: FolderSummary[];
has_children?: boolean;
hasChildren?: boolean;
@@ -37,8 +35,8 @@ interface FolderContentsEntry {
}
interface FolderTreeNode extends FolderSummary {
id: FolderId;
children: FolderId[];
id: FolderNodeId;
children: FolderNodeId[];
expanded?: boolean;
loaded?: boolean;
hasChildren?: boolean;
@@ -54,18 +52,18 @@ interface SelectionHelpers {
}
interface UseFolderTreeOptions {
initialSelectedFolder?: FolderId;
initialSelectedFolder?: FolderNodeId;
tenantIdRef: MutableRefObject<Identifier | null>;
documentsSortFieldRef: MutableRefObject<string>;
documentsSortDirectionRef: MutableRefObject<string>;
selectionHelpers: SelectionHelpers;
setDocuments: Dispatch<SetStateAction<Document[]>>;
setFolderContents: Dispatch<SetStateAction<Map<FolderId, FolderContentsEntry>>>;
folderContentsRef: MutableRefObject<Map<FolderId, FolderContentsEntry>>;
setFolderContents: Dispatch<SetStateAction<Map<FolderNodeId, FolderContentsEntry>>>;
folderContentsRef: MutableRefObject<Map<FolderNodeId, FolderContentsEntry>>;
}
interface FolderOption {
id: FolderId;
id: FolderNodeId;
label: string;
}
@@ -79,7 +77,7 @@ const useFolderTree = ({
setFolderContents,
folderContentsRef,
}: UseFolderTreeOptions) => {
const [folderNodes, setFolderNodes] = useState<Map<FolderId, FolderTreeNode>>(() => {
const [folderNodes, setFolderNodes] = useState<Map<FolderNodeId, FolderTreeNode>>(() => {
const rootNode = createRootNode() as FolderTreeNode;
return new Map([[rootNode.id, rootNode]]);
});
@@ -90,12 +88,12 @@ const useFolderTree = ({
const data = await getFolderTree();
setFolderNodes((prev) => {
const next = new Map(prev);
const rootChildren: FolderId[] = [];
const rootChildren: FolderNodeId[] = [];
data.forEach((item) => {
const id = item.id as FolderId;
const parentId = (item.parent_id || 'root') as FolderId;
const children = (item.children || []).map((c) => c as FolderId);
const id = item.id as FolderNodeId;
const parentId = (item.parent_id || 'root') as FolderNodeId;
const children = (item.children || []).map((c) => c as FolderNodeId);
next.set(id, {
id,
@@ -130,7 +128,7 @@ const useFolderTree = ({
fetchTree();
}, []);
const [selectedFolder, setSelectedFolder] = useState<FolderId>(initialSelectedFolder || 'root');
const [selectedFolder, setSelectedFolder] = useState<FolderNodeId>(initialSelectedFolder || 'root');
const [currentFolder, setCurrentFolder] = useState<FolderSummary | null>(null);
const [currentSubfolders, setCurrentSubfolders] = useState<FolderSummary[]>([]);
@@ -149,7 +147,7 @@ const useFolderTree = ({
}, [focusedDocumentId]);
const applySelectedFolder = useCallback(
(folderId: FolderId, contents?: FolderContentsEntry | null) => {
(folderId: FolderNodeId, contents?: FolderContentsEntry | null) => {
const subfolders = Array.isArray(contents?.subfolders) ? contents.subfolders : [];
const docs = Array.isArray(contents?.documents) ? contents.documents : [];
const folderInfo = contents?.folder ?? null;
@@ -159,7 +157,7 @@ const useFolderTree = ({
setCurrentFolder(folderInfo);
const availableDocKeys = docs
.map((doc) => createDocumentEntryKey(doc?.id as Identifier))
.map((doc) => createDocumentEntryKey((doc as Document)?.id as Identifier))
.filter(Boolean);
const availableDocKeySet = new Set(availableDocKeys);
const availableFolderKeys = new Set(
@@ -212,13 +210,13 @@ const useFolderTree = ({
],
);
const expandFolderAncestors = useCallback((targetId: FolderId | null) => {
const expandFolderAncestors = useCallback((targetId: FolderNodeId | null) => {
if (!targetId || targetId === 'root') {
return;
}
setFolderNodes((prev: Map<FolderId, FolderTreeNode>) => {
const next = new Map<FolderId, FolderTreeNode>(prev);
setFolderNodes((prev: Map<FolderNodeId, FolderTreeNode>) => {
const next = new Map<FolderNodeId, FolderTreeNode>(prev);
const node = next.get(targetId);
let currentId = node?.parentId ?? 'root';
let guard = 0;
@@ -238,7 +236,7 @@ const useFolderTree = ({
const ensureFolderData = useCallback(
async (
folderId: FolderId,
folderId: FolderNodeId,
{
includeDocuments = true,
prefetchDepth = 0,
@@ -289,8 +287,8 @@ const useFolderTree = ({
const data = await listFolderContents<FolderContentsEntry>(path, params);
const childFolders = Array.isArray(data.subfolders) ? data.subfolders : [];
const childIds = childFolders
.map((child) => (child?.id ?? null) as FolderId | null)
.filter((id): id is FolderId => Boolean(id));
.map((child) => (child?.id ?? null) as FolderNodeId | null)
.filter((id): id is FolderNodeId => Boolean(id));
const enriched = {
...data,
@@ -303,8 +301,8 @@ const useFolderTree = ({
return enriched;
}
setFolderNodes((prev: Map<FolderId, FolderTreeNode>) => {
const next = new Map<FolderId, FolderTreeNode>(prev);
setFolderNodes((prev: Map<FolderNodeId, FolderTreeNode>) => {
const next = new Map<FolderNodeId, FolderTreeNode>(prev);
const existingNode = next.get(folderId) || {
id: folderId,
name: folderId === 'root' ? DEFAULT_FOLDER_NAME : data.folder?.name || 'Folder',
@@ -326,7 +324,7 @@ const useFolderTree = ({
});
childFolders.forEach((child) => {
const childId = (child?.id ?? null) as FolderId | null;
const childId = (child?.id ?? null) as FolderNodeId | null;
if (!childId) {
return;
}
@@ -346,7 +344,7 @@ const useFolderTree = ({
next.set(childId, {
id: childId,
name: child.name,
parentId: (child.parent_id ?? 'root') as FolderId,
parentId: (child.parent_id ?? 'root') as FolderNodeId,
children: previousChildren,
expanded: childNode?.expanded ?? false,
loaded: childNode?.loaded ?? false,
@@ -369,11 +367,11 @@ const useFolderTree = ({
);
}
setFolderContents((prev: Map<FolderId, FolderContentsEntry>) => {
setFolderContents((prev: Map<FolderNodeId, FolderContentsEntry>) => {
if (tenantIdRef.current !== requestTenantId) {
return prev;
}
const next = new Map<FolderId, FolderContentsEntry>(prev);
const next = new Map<FolderNodeId, FolderContentsEntry>(prev);
if (includeDocuments) {
next.set(folderId, enriched);
} else {
@@ -408,7 +406,7 @@ const useFolderTree = ({
);
const ensureFolderAncestorsLoaded = useCallback(
async (targetId: FolderId | null) => {
async (targetId: FolderNodeId | null) => {
if (!targetId || targetId === 'root') {
return;
}
@@ -429,7 +427,7 @@ const useFolderTree = ({
);
const isInvalidFolderDrop = useCallback(
(sourceId: FolderId | null, targetId: FolderId | null) => {
(sourceId: FolderNodeId | null, targetId: FolderNodeId | null) => {
if (!sourceId) return false;
if (!targetId || targetId === 'root') {
return false;
@@ -456,8 +454,8 @@ const useFolderTree = ({
const resetFolderTreeState = useCallback(() => {
const rootNode = createRootNode() as FolderTreeNode;
setFolderNodes(new Map<FolderId, FolderTreeNode>([[rootNode.id, rootNode]]));
setFolderContents(new Map<FolderId, FolderContentsEntry>());
setFolderNodes(new Map<FolderNodeId, FolderTreeNode>([[rootNode.id, rootNode]]));
setFolderContents(new Map<FolderNodeId, FolderContentsEntry>());
setSelectedFolder('root');
setCurrentFolder(null);
setCurrentSubfolders([]);
@@ -469,10 +467,10 @@ const useFolderTree = ({
}, [selectedFolder, currentFolder]);
const folderOptions: FolderOption[] = useMemo(() => {
const cache = new Map<FolderId, string>();
const computePath = (id: FolderId | null): string => {
if (cache.has(id as FolderId)) {
return cache.get(id as FolderId) as string;
const cache = new Map<FolderNodeId, string>();
const computePath = (id: FolderNodeId | null): string => {
if (cache.has(id as FolderNodeId)) {
return cache.get(id as FolderNodeId) as string;
}
if (!id || id === 'root') {
cache.set('root', DEFAULT_FOLDER_NAME);
@@ -506,7 +504,7 @@ const useFolderTree = ({
}, [folderNodes]);
const folderLabelMap = useMemo(() => {
const map = new Map<FolderId, string>();
const map = new Map<FolderNodeId, string>();
folderOptions.forEach((option) => {
map.set(option.id, option.label);
});