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

chore(react/type_widget): finalize mind map with export PNG/SVG

Browse Source
This commit is contained in:
Elian Doran 2025-09-21 09:45:13 +03:00
parent 26400f2590
commit 9a3f675950
No known key found for this signature in database
2 changed files with 14 additions and 29 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

16
apps/client/src/widgets/type_widgets/MindMap.tsx
View File

@ -7,14 +7,14 @@ import nodeMenu from "@mind-elixir/node-menu";
import "mind-elixir/style"; import "mind-elixir/style";
import "@mind-elixir/node-menu/dist/style.css"; import "@mind-elixir/node-menu/dist/style.css";
import "./MindMap.css"; import "./MindMap.css";
import { useEditorSpacedUpdate, useTriliumEvent } from "../react/hooks"; import { useEditorSpacedUpdate, useTriliumEvent, useTriliumEvents } from "../react/hooks";
import { refToJQuerySelector } from "../react/react_utils"; import { refToJQuerySelector } from "../react/react_utils";
import utils from "../../services/utils";
const NEW_TOPIC_NAME = ""; const NEW_TOPIC_NAME = "";
interface MindElixirProps { interface MindElixirProps {
apiRef?: RefObject<MindElixirInstance>; apiRef?: RefObject<MindElixirInstance>;
direction: number;
containerProps?: Omit<HTMLAttributes<HTMLDivElement>, "ref">; containerProps?: Omit<HTMLAttributes<HTMLDivElement>, "ref">;
content: MindElixirData; content: MindElixirData;
onChange?: () => void; onChange?: () => void;
@ -63,6 +63,18 @@ export default function MindMap({ note, ntxId }: TypeWidgetProps) {
resolve(refToJQuerySelector(containerRef).find(".map-canvas")); resolve(refToJQuerySelector(containerRef).find(".map-canvas"));
}); });
// Export as PNG or SVG.
useTriliumEvents([ "exportSvg", "exportPng" ], async ({ ntxId: eventNtxId }, eventName) => {
if (eventNtxId !== ntxId || !apiRef.current) return;
const title = note.title;
const svg = await apiRef.current.exportSvg().text();
if (eventName === "exportSvg") {
utils.downloadSvg(title, svg);
} else {
utils.downloadSvgAsPng(title, svg);
}
});
const onKeyDown = useCallback((e: KeyboardEvent) => { const onKeyDown = useCallback((e: KeyboardEvent) => {
/* /*
* Some global shortcuts interfere with the default shortcuts of the mind map, * Some global shortcuts interfere with the default shortcuts of the mind map,

27
apps/client/src/widgets/type_widgets_old/mind_map.ts
View File

@ -1,27 +0,0 @@
import TypeWidget from "./type_widget.js";
import utils from "../../services/utils.js";
import type { MindElixirInstance } from "mind-elixir";
import type FNote from "../../entities/fnote.js";
import type { EventData } from "../../components/app_context.js";
export default class MindMapWidget extends TypeWidget {
async exportSvgEvent({ ntxId }: EventData<"exportSvg">) {
if (!this.isNoteContext(ntxId) || this.note?.type !== "mindMap") {
return;
}
const svg = await this.renderSvg();
utils.downloadSvg(this.note.title, svg);
}
async exportPngEvent({ ntxId }: EventData<"exportPng">) {
if (!this.isNoteContext(ntxId) || this.note?.type !== "mindMap") {
return;
}
const svg = await this.renderSvg();
utils.downloadSvgAsPng(this.note.title, svg);
}
}