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

refactor(react): allow binding multiple events at once

Browse Source
This commit is contained in:
Elian Doran 2025-08-21 13:17:28 +03:00
parent 51e8a80ca3
commit bea352855a
No known key found for this signature in database
2 changed files with 16 additions and 11 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
apps/client/src/widgets/note_title.tsx
View File

@ -52,16 +52,10 @@ export default function NoteTitleWidget() {
// Manage focus. // Manage focus.
const textBoxRef = useRef<HTMLInputElement>(null); const textBoxRef = useRef<HTMLInputElement>(null);
const isNewNote = useRef<boolean>(); const isNewNote = useRef<boolean>();
useTriliumEventBeta("focusOnTitle", () => { useTriliumEventBeta([ "focusOnTitle", "focusAndSelectTitle" ], (e) => {
if (noteContext?.isActive() && textBoxRef.current) {
console.log(textBoxRef.current);
textBoxRef.current.focus();
}
});
useTriliumEventBeta("focusAndSelectTitle", ({ isNewNote: _isNewNote } ) => {
if (noteContext?.isActive() && textBoxRef.current) { if (noteContext?.isActive() && textBoxRef.current) {
textBoxRef.current.focus(); textBoxRef.current.focus();
isNewNote.current = _isNewNote; isNewNote.current = ("isNewNote" in e ? e.isNewNote : false);
} }
}); });

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

@ -87,12 +87,23 @@ export default function useTriliumEvent<T extends EventNames>(eventName: T, hand
}, [ eventName, parentWidget, handler ]); }, [ eventName, parentWidget, handler ]);
} }
export function useTriliumEventBeta<T extends EventNames>(eventName: T, handler: TriliumEventHandler<T>) { export function useTriliumEventBeta<T extends EventNames>(eventName: T | T[], handler: TriliumEventHandler<T>) {
const parentComponent = useContext(ParentComponent) as ReactWrappedWidget; const parentComponent = useContext(ParentComponent) as ReactWrappedWidget;
parentComponent.registerHandler(eventName, handler);
if (Array.isArray(eventName)) {
for (const eventSingleName of eventName) {
parentComponent.registerHandler(eventSingleName, handler);
}
return (() => {
for (const eventSingleName of eventName) {
parentComponent.removeHandler(eventSingleName, handler)
}
});
} else {
parentComponent.registerHandler(eventName, handler);
return (() => parentComponent.removeHandler(eventName, handler)); return (() => parentComponent.removeHandler(eventName, handler));
} }
}
export function useSpacedUpdate(callback: () => Promise<void>, interval = 1000) { export function useSpacedUpdate(callback: () => Promise<void>, interval = 1000) {
const callbackRef = useRef(callback); const callbackRef = useRef(callback);