kopia lustrzana https://github.com/Tldraw/Tldraw
35 wiersze
781 B
TypeScript
35 wiersze
781 B
TypeScript
import { Tldraw, TldrawApp, TldrawProps, useFileSystem } from '@tldraw/tldraw'
|
|
import * as React from 'react'
|
|
import { useUploadAssets } from './hooks/useUploadAssets'
|
|
|
|
declare const window: Window & { app: TldrawApp }
|
|
|
|
interface EditorProps {
|
|
id?: string
|
|
}
|
|
|
|
const Editor = ({ id = 'home', ...rest }: EditorProps & Partial<TldrawProps>) => {
|
|
const handleMount = React.useCallback((app: TldrawApp) => {
|
|
window.app = app
|
|
}, [])
|
|
|
|
const fileSystemEvents = useFileSystem()
|
|
|
|
const { onAssetUpload } = useUploadAssets()
|
|
|
|
return (
|
|
<div className="tldraw">
|
|
<Tldraw
|
|
id={id}
|
|
autofocus
|
|
onMount={handleMount}
|
|
onAssetUpload={onAssetUpload}
|
|
{...fileSystemEvents}
|
|
{...rest}
|
|
/>
|
|
</div>
|
|
)
|
|
}
|
|
|
|
export default Editor
|