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

refactor(canvas): access to wrapper

Browse Source
This commit is contained in:
Elian Doran 2025-06-10 23:35:03 +03:00
parent 5b98277f3c
commit 4bd5644258
No known key found for this signature in database
1 changed files with 4 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

11
apps/client/src/widgets/type_widgets/canvas_el.ts
View File

@ -1,6 +1,6 @@
import "@excalidraw/excalidraw/index.css";
import { Excalidraw, getSceneVersion, exportToSvg } from "@excalidraw/excalidraw";
import { createElement, createRef, Fragment, RefObject, render } from "preact/compat";
import { createElement, createRef, Fragment, RefObject, render, useEffect, useState } from "preact/compat";
import { AppState, BinaryFileData, ExcalidrawImperativeAPI, ExcalidrawProps, SceneData } from "@excalidraw/excalidraw/types";
/** -1 indicates that it is fresh. excalidraw scene version is always >0 */
@ -12,7 +12,7 @@ export default class Canvas {
private currentSceneVersion: number;
private opts: ExcalidrawProps;
private excalidrawWrapperRef: RefObject<HTMLElement>;
private excalidrawWrapperRef?: RefObject<HTMLElement>;
excalidrawApi!: ExcalidrawImperativeAPI;
constructor(opts: ExcalidrawProps) {
@ -30,14 +30,13 @@ export default class Canvas {
}
private createCanvasElement(opts: ExcalidrawProps) {
const excalidrawWrapperRef = createRef<HTMLElement>();
this.excalidrawWrapperRef = createRef<HTMLElement>();
return createElement(Fragment, null,
createElement(
"div",
{
className: "excalidraw-wrapper",
ref: excalidrawWrapperRef
ref: this.excalidrawWrapperRef
},
createElement(Excalidraw, opts)
));
@ -160,5 +159,3 @@ export default class Canvas {
}
}