Dockery/Trilium
1
0
Fork 0
mirror of https://github.com/zadam/trilium.git synced 2025-11-10 23:35:50 +01:00
Code Issues Packages Projects Releases Activity

chore(react/type_widgets): port note map type widget

Browse Source
This commit is contained in:
Elian Doran
2025-10-04 18:15:44 +03:00
parent 8f819a7786
commit 3caaf2ab79
5 changed files with 17 additions and 35 deletions
Download Patch File Download Diff File Expand all files Collapse all files

3
apps/client/src/widgets/NoteDetail.tsx
View File

@@ -36,7 +36,8 @@ const TYPE_MAPPINGS: Record<ExtendedNoteType, () => Promise<{ default: TypeWidge
"editableText": () => import("./type_widgets/text/EditableText"), "editableText": () => import("./type_widgets/text/EditableText"),
"render": () => import("./type_widgets/Render"), "render": () => import("./type_widgets/Render"),
"canvas": () => import("./type_widgets/Canvas"), "canvas": () => import("./type_widgets/Canvas"),
"relationMap": () => import("./type_widgets/relation_map/RelationMap") "relationMap": () => import("./type_widgets/relation_map/RelationMap"),
"noteMap": () => import("./type_widgets/NoteMap")
// TODO: finalize the record. // TODO: finalize the record.
}; };

2
apps/client/src/widgets/note_map/utils.ts
View File

@@ -1,4 +1,4 @@
export type NoteMapWidgetMode = "ribbon" | "hoisted"; export type NoteMapWidgetMode = "ribbon" | "hoisted" | "type";
export type MapType = "tree" | "link"; export type MapType = "tree" | "link";
export function rgb2hex(rgb: string) { export function rgb2hex(rgb: string) {

2
apps/client/src/widgets/ribbon/NoteMapTab.tsx
View File

@@ -1,5 +1,5 @@
import { TabContext } from "./ribbon-interface"; import { TabContext } from "./ribbon-interface";
import { useElementSize, useLegacyWidget, useWindowSize } from "../react/hooks"; import { useElementSize, useWindowSize } from "../react/hooks";
import ActionButton from "../react/ActionButton"; import ActionButton from "../react/ActionButton";
import { t } from "../../services/i18n"; import { t } from "../../services/i18n";
import { useEffect, useRef, useState } from "preact/hooks"; import { useEffect, useRef, useState } from "preact/hooks";

13
apps/client/src/widgets/type_widgets/NoteMap.tsx Normal file
View File

@@ -0,0 +1,13 @@
import { TypeWidgetProps } from "./type_widget";
import NoteMapEl from "../note_map/NoteMap";
import { useRef } from "preact/hooks";
export default function NoteMap({ note }: TypeWidgetProps) {
const containerRef = useRef<HTMLDivElement>(null);
return (
<div ref={containerRef} className="note-detail-note-map note-detail-printable">
<NoteMapEl parentRef={containerRef} note={note} widgetMode="type" />
</div>
);
}

32
apps/client/src/widgets/type_widgets_old/note_map.ts
View File

@@ -1,32 +0,0 @@
import TypeWidget from "./type_widget.js";
import NoteMapWidget from "../note_map.js";
import type FNote from "../../entities/fnote.js";
const TPL = /*html*/`<div class="note-detail-note-map note-detail-printable"></div>`;
export default class NoteMapTypeWidget extends TypeWidget {
private noteMapWidget: NoteMapWidget;
static getType() {
return "noteMap";
}
constructor() {
super();
this.noteMapWidget = new NoteMapWidget("type");
this.child(this.noteMapWidget);
}
doRender() {
this.$widget = $(TPL);
this.$widget.append(this.noteMapWidget.render());
super.doRender();
}
async doRefresh(note: FNote) {
await this.noteMapWidget.refresh();
}
}