Dockery/Trilium
1
0
Fork 0
mirror of https://github.com/zadam/trilium.git synced 2025-10-29 09:16:45 +01:00
Code Issues Packages Projects Releases Activity

feat(react): basic handling of note context aware

Browse Source
This commit is contained in:
Elian Doran
2025-08-20 23:53:13 +03:00
parent afe3904ea3
commit 59486cd55d
4 changed files with 55 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

40
apps/client/src/widgets/react/hooks.tsx
View File

@@ -6,7 +6,8 @@ import { OptionNames } from "@triliumnext/commons";
import options, { type OptionValue } from "../../services/options";
import utils, { reloadFrontendApp } from "../../services/utils";
import Component from "../../components/component";
import server from "../../services/server";
import NoteContext from "../../components/note_context";
import { ReactWrappedWidget } from "../basic_widget";
type TriliumEventHandler<T extends EventNames> = (data: EventData<T>) => void;
const registeredHandlers: Map<Component, Map<EventNames, TriliumEventHandler<any>[]>> = new Map();
@@ -83,6 +84,11 @@ export default function useTriliumEvent<T extends EventNames>(eventName: T, hand
}, [ eventName, parentWidget, handler ]);
}
export function useTriliumEventBeta<T extends EventNames>(eventName: T, handler: TriliumEventHandler<T>) {
const parentComponent = useContext(ParentComponent) as ReactWrappedWidget;
parentComponent.listeners[eventName] = handler;
}
export function useSpacedUpdate(callback: () => Promise<void>, interval = 1000) {
const callbackRef = useRef(callback);
const spacedUpdateRef = useRef<SpacedUpdate>();
@@ -218,4 +224,36 @@ export function useTriliumOptions<T extends OptionNames>(...names: T[]) {
*/
export function useUniqueName(prefix?: string) {
return useMemo(() => (prefix ? prefix + "-" : "") + utils.randomString(10), [ prefix ]);
}
export function useNoteContext() {
const [ noteContext, setNoteContext ] = useState<NoteContext>();
const [ notePath, setNotePath ] = useState<string | null | undefined>();
useTriliumEvent("activeContextChanged", ({ noteContext }) => {
console.log("Active context changed.");
setNoteContext(noteContext);
});
useTriliumEventBeta("setNoteContext", ({ noteContext }) => {
console.log("Set note context", noteContext, noteContext.noteId);
setNoteContext(noteContext);
});
useTriliumEvent("noteSwitchedAndActivated", ({ noteContext }) => {
console.log("Note switched and activated")
setNoteContext(noteContext);
});
useTriliumEvent("noteSwitched", ({ noteContext, notePath }) => {
console.warn("Note switched", notePath);
setNotePath(notePath);
});
return {
note: noteContext?.note,
noteId: noteContext?.note?.noteId,
notePath: noteContext?.notePath,
hoistedNoteId: noteContext?.hoistedNoteId,
ntxId: noteContext?.ntxId
};
}