35 lines
897 B
TypeScript
35 lines
897 B
TypeScript
import { Editor, Tldraw, TLShape, TLUiComponents } from "@tldraw/tldraw";
|
|
import { SimController } from "@/physics/PhysicsControls";
|
|
import { HTMLShapeUtil } from "@/shapes/HTMLShapeUtil";
|
|
|
|
const components: TLUiComponents = {
|
|
HelpMenu: null,
|
|
StylePanel: null,
|
|
PageMenu: null,
|
|
NavigationPanel: null,
|
|
DebugMenu: null,
|
|
ContextMenu: null,
|
|
ActionsMenu: null,
|
|
QuickActions: null,
|
|
MainMenu: null,
|
|
MenuPanel: null,
|
|
}
|
|
|
|
export function Canvas({ shapes }: { shapes: TLShape[]; }) {
|
|
|
|
return (
|
|
<div className="tldraw__editor">
|
|
<Tldraw
|
|
components={components}
|
|
shapeUtils={[HTMLShapeUtil]}
|
|
onMount={(editor: Editor) => {
|
|
window.dispatchEvent(new CustomEvent('editorDidMountEvent'));
|
|
editor.user.updateUserPreferences({ isDarkMode: false })
|
|
}}
|
|
>
|
|
<SimController shapes={shapes} />
|
|
</Tldraw>
|
|
</div>
|
|
);
|
|
}
|