Tools/Notes
1
0
Fork 0
mirror of https://github.com/TriliumNext/Notes.git synced 2025-08-11 02:42:27 +08:00
Code Issues Packages Projects Releases Wiki Activity

fix(mindmap): use dynamic import instead of static one

Browse Source
This commit is contained in:
Elian Doran 2025-01-19 23:34:57 +02:00
parent fb0dda982f
commit 9820e8aa12
No known key found for this signature in database
2 changed files with 15 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
src/public/app/entities/fblob.ts
View File

@ -27,7 +27,7 @@ export default class FBlob {
/**
* @throws Error in case of invalid JSON
*/
getJsonContent(): unknown {
getJsonContent<T>(): T | null {
if (!this.content || !this.content.trim()) {
return null;
}

21
src/public/app/widgets/type_widgets/mind_map.ts
View File

@ -1,6 +1,6 @@
import TypeWidget from "./type_widget.js";
import utils from "../../services/utils.js";
import MindElixir, { type MindElixirCtor } from "mind-elixir";
import type { MindElixirCtor } from "mind-elixir";
import nodeMenu from "@mind-elixir/node-menu";
import type FNote from "../../entities/fnote.js";
import type { EventData } from "../../components/app_context.js";
@ -141,11 +141,16 @@ const TPL = `
</div>
`;
interface MindmapModel {
direction: number;
}
export default class MindMapWidget extends TypeWidget {
private $content!: JQuery<HTMLElement>;
private triggeredByUserOperation?: boolean;
private mind?: ReturnType<MindElixirCtor["new"]>;
private MindElixir: any; // TODO: Fix type
static getType() {
return "mindMap";
@ -188,25 +193,27 @@ export default class MindMapWidget extends TypeWidget {
async #loadData(note: FNote) {
const blob = await note.getBlob();
const content = blob?.getJsonContent() || MindElixir.new(NEW_TOPIC_NAME);
const content = blob?.getJsonContent<MindmapModel>();
if (!this.mind) {
this.#initLibrary(content.direction ?? MindElixir.LEFT);
await this.#initLibrary(content?.direction ?? this.MindElixir.LEFT);
}
this.mind.refresh(content);
this.mind.refresh(content ?? this.MindElixir.new(NEW_TOPIC_NAME));
this.mind.toCenter();
}
#initLibrary(direction: unknown) {
const mind = new MindElixir({
async #initLibrary(direction: unknown) {
this.MindElixir = (await import("mind-elixir")).default;
const mind = new this.MindElixir({
el: this.$content[0],
direction
});
mind.install(nodeMenu);
this.mind = mind;
mind.init(MindElixir.new(NEW_TOPIC_NAME));
mind.init(this.MindElixir.new(NEW_TOPIC_NAME));
// TODO: See why the typeof mindmap is not correct.
mind.bus.addListener("operation", (operation: { name: string }) => {
this.triggeredByUserOperation = true;