gaschz/trilium
1
0
Fork 0
mirror of https://github.com/zadam/trilium.git synced 2025-12-30 03:04:29 +01:00
Code Issues Actions 14 Packages Projects Releases Wiki Activity

fix(inline_title): reading metadata on every keystroke

Browse Source
This commit is contained in:
Elian Doran 2025-12-24 11:33:44 +02:00
parent df05101e93
commit 6b66d2089f
No known key found for this signature in database
1 changed files with 18 additions and 14 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

32
apps/client/src/widgets/ribbon/NoteInfoTab.tsx
View File

@ -1,15 +1,17 @@
import { useEffect, useState } from "preact/hooks";
import { t } from "../../services/i18n";
import { MetadataResponse, NoteSizeResponse, SubtreeSizeResponse } from "@triliumnext/commons";
import server from "../../services/server";
import Button from "../react/Button";
import { formatDateTime } from "../../utils/formatters";
import { formatSize } from "../../services/utils";
import LoadingSpinner from "../react/LoadingSpinner";
import { useTriliumEvent } from "../react/hooks";
import { isExperimentalFeatureEnabled } from "../../services/experimental_features";
import { useCallback, useEffect, useMemo, useState } from "preact/hooks";
import FNote from "../../entities/fnote";
import debounce from "../../services/debounce";
import { isExperimentalFeatureEnabled } from "../../services/experimental_features";
import { t } from "../../services/i18n";
import server from "../../services/server";
import { formatSize } from "../../services/utils";
import { formatDateTime } from "../../utils/formatters";
import Button from "../react/Button";
import { useTriliumEvent } from "../react/hooks";
import LinkButton from "../react/LinkButton";
import LoadingSpinner from "../react/LoadingSpinner";
const isNewLayout = isExperimentalFeatureEnabled("new-layout");
@ -71,13 +73,13 @@ export function NoteSizeWidget({ isLoading, noteSizeResponse, subtreeSizeRespons
</>;
}
export function useNoteMetadata(note: FNote | null | undefined) {
export function useNoteMetadata(note: FNote | null | undefined, debounceTime = 10_000) {
const [ isLoading, setIsLoading ] = useState(false);
const [ noteSizeResponse, setNoteSizeResponse ] = useState<NoteSizeResponse>();
const [ subtreeSizeResponse, setSubtreeSizeResponse ] = useState<SubtreeSizeResponse>();
const [ metadata, setMetadata ] = useState<MetadataResponse>();
function refresh() {
const refresh = useCallback(() => {
if (note) {
server.get<MetadataResponse>(`notes/${note?.noteId}/metadata`).then(setMetadata);
}
@ -85,7 +87,9 @@ export function useNoteMetadata(note: FNote | null | undefined) {
setNoteSizeResponse(undefined);
setSubtreeSizeResponse(undefined);
setIsLoading(false);
}
}, [ note ]);
const debouncedRefresh = useMemo(() => debounce(refresh, debounceTime), [ refresh, debounceTime ]);
function requestSizeInfo() {
if (!note) return;
@ -100,11 +104,11 @@ export function useNoteMetadata(note: FNote | null | undefined) {
}, 0);
}
useEffect(refresh, [ note ]);
useEffect(() => refresh(), [ refresh ]);
useTriliumEvent("entitiesReloaded", ({ loadResults }) => {
const noteId = note?.noteId;
if (noteId && (loadResults.isNoteReloaded(noteId) || loadResults.isNoteContentReloaded(noteId))) {
refresh();
debouncedRefresh();
}
});