wieerwill/platform
1
0
Fork 0
mirror of https://github.com/hcengineering/platform.git synced 2025-04-23 08:48:01 +00:00
Code Issues Actions 4 Packages Projects Releases Wiki Activity

proper constructor for SvelteNodeView (#4709)

Browse Source 
Signed-off-by: Vyacheslav Tumanov <me@slavatumanov.me>
This commit is contained in:
Vyacheslav Tumanov 2024-02-20 00:13:54 +05:00 committed by GitHub
parent 9b0cfe55db
commit 20b4854dcc
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
1 changed files with 11 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

17
packages/text-editor/src/components/node-view/svelte-node-view-renderer.ts
View File

@ -19,7 +19,8 @@ import {
NodeView,
type NodeViewProps,
type NodeViewRenderer,
type NodeViewRendererOptions
type NodeViewRendererOptions,
type NodeViewRendererProps
} from '@tiptap/core'
import type { Node as ProseMirrorNode } from '@tiptap/pm/model'
import type { ComponentType, SvelteComponent } from 'svelte'
@ -43,13 +44,18 @@ export type SvelteNodeViewComponent = typeof SvelteComponent | ComponentType
* https://tiptap.dev/guide/node-views/react/
*/
class SvelteNodeView extends NodeView<SvelteNodeViewComponent, Editor, SvelteNodeViewRendererOptions> {
renderer!: SvelteRenderer
private readonly renderer!: SvelteRenderer
contentDOMElement!: HTMLElement | null
private contentDOMElement!: HTMLElement | null
isEditable!: boolean
private isEditable!: boolean
override mount (): void {
constructor (
component: SvelteNodeViewComponent,
prop: NodeViewRendererProps,
options?: Partial<SvelteNodeViewRendererOptions>
) {
super(component, prop, options)
const props: SvelteNodeViewProps = {
editor: this.editor,
node: this.node,
@ -83,7 +89,6 @@ class SvelteNodeView extends NodeView<SvelteNodeViewComponent, Editor, SvelteNod
})
this.renderer = new SvelteRenderer(this.component, { element: target, props, context })
this.editor.on('update', this.handleEditorUpdate.bind(this))
}