Tools/Notes
1
0
Fork 0
mirror of https://github.com/TriliumNext/Notes.git synced 2025-07-27 18:12:29 +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/excalidraw/index.css";
import { Excalidraw, getSceneVersion, exportToSvg } from "@excalidraw/excalidraw"; 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"; import { AppState, BinaryFileData, ExcalidrawImperativeAPI, ExcalidrawProps, SceneData } from "@excalidraw/excalidraw/types";
/** -1 indicates that it is fresh. excalidraw scene version is always >0 */ /** -1 indicates that it is fresh. excalidraw scene version is always >0 */
@ -12,7 +12,7 @@ export default class Canvas {
private currentSceneVersion: number; private currentSceneVersion: number;
private opts: ExcalidrawProps; private opts: ExcalidrawProps;
private excalidrawWrapperRef: RefObject<HTMLElement>; private excalidrawWrapperRef?: RefObject<HTMLElement>;
excalidrawApi!: ExcalidrawImperativeAPI; excalidrawApi!: ExcalidrawImperativeAPI;
constructor(opts: ExcalidrawProps) { constructor(opts: ExcalidrawProps) {
@ -30,14 +30,13 @@ export default class Canvas {
} }
private createCanvasElement(opts: ExcalidrawProps) { private createCanvasElement(opts: ExcalidrawProps) {
const excalidrawWrapperRef = createRef<HTMLElement>(); this.excalidrawWrapperRef = createRef<HTMLElement>();
return createElement(Fragment, null, return createElement(Fragment, null,
createElement( createElement(
"div", "div",
{ {
className: "excalidraw-wrapper", className: "excalidraw-wrapper",
ref: excalidrawWrapperRef ref: this.excalidrawWrapperRef
}, },
createElement(Excalidraw, opts) createElement(Excalidraw, opts)
)); ));
@ -160,5 +159,3 @@ export default class Canvas {
} }
} }