gaschz/trilium
1
0
Fork 0
mirror of https://github.com/zadam/trilium.git synced 2025-11-11 08:58:58 +01:00
Code Issues Actions 11 Packages Projects Releases Wiki Activity

refactor(type_widgets): use editorspaced update for data

Browse Source
This commit is contained in:
Elian Doran 2025-09-29 19:32:50 +03:00
parent d8b9d14712
commit 39bd236799
No known key found for this signature in database
1 changed files with 34 additions and 33 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

67
apps/client/src/widgets/type_widgets/RelationMap.tsx
View File

@ -37,9 +37,40 @@ const uniDirectionalOverlays: OverlaySpec[] = [
];
export default function RelationMap({ note }: TypeWidgetProps) {
const data = useData(note);
const [ data, setData ] = useState<MapData>();
const containerRef = useRef<HTMLDivElement>(null);
const apiRef = useRef<jsPlumbInstance>(null);
const spacedUpdate = useEditorSpacedUpdate({
note,
getData() {
},
onContentChange(content) {
if (content) {
try {
setData(JSON.parse(content));
return;
} catch (e) {
console.log("Could not parse content: ", e);
}
}
setData({
notes: [],
// it is important to have this exact value here so that initial transform is the same as this
// which will guarantee note won't be saved on first conversion to the relation map note type
// this keeps the principle that note type change doesn't destroy note content unless user
// does some actual change
transform: {
x: 0,
y: 0,
scale: 1
}
});
},
dataSaved() {
}
})
const onTransform = useCallback(() => {
if (!containerRef.current || !apiRef.current) return;
@ -60,7 +91,7 @@ export default function RelationMap({ note }: TypeWidgetProps) {
return e.altKey;
}
},
transformData: data.transform,
transformData: data?.transform,
onTransform
});
@ -78,7 +109,7 @@ export default function RelationMap({ note }: TypeWidgetProps) {
HoverPaintStyle: { stroke: "#777", strokeWidth: 1 },
}}
>
{data.notes.map(note => (
{data?.notes.map(note => (
<NoteBox {...note} />
))}
</JsPlumb>
@ -87,36 +118,6 @@ export default function RelationMap({ note }: TypeWidgetProps) {
)
}
function useData(note: FNote) {
const blob = useNoteBlob(note);
let content: MapData | null = null;
if (blob?.content) {
try {
content = JSON.parse(blob.content);
} catch (e) {
console.log("Could not parse content: ", e);
}
}
if (!content) {
content = {
notes: [],
// it is important to have this exact value here so that initial transform is the same as this
// which will guarantee note won't be saved on first conversion to the relation map note type
// this keeps the principle that note type change doesn't destroy note content unless user
// does some actual change
transform: {
x: 0,
y: 0,
scale: 1
}
};
}
return content;
}
function usePanZoom({ containerRef, options, transformData, onTransform }: {
containerRef: RefObject<HTMLElement>;
options: PanZoomOptions;