mirror/tiptap
1
0
Fork 0
mirror of https://github.com/ueberdosis/tiptap.git synced 2025-08-06 13:38:49 +08:00
Code Issues Actions Packages Projects Releases Wiki Activity

annotations: read annotations from y.js

Browse Source
This commit is contained in:
Hans Pagel 2021-02-11 21:44:51 +01:00
parent dbec7e492b
commit 5d55677e08
1 changed files with 27 additions and 26 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

53
docs/src/demos/Experiments/Annotation/extension/AnnotationState.ts
View File

@ -65,44 +65,45 @@ export class AnnotationState {
return new AnnotationState(decorations)
}
// decs.keys().forEach(key => {
// console.log('get', decs.get(key))
// })
const decorations = [];
// const decorations = DecorationSet.create(state.doc, [
// Decoration.inline(105, 190, { class: 'annotation' }, { data: { id: 123, content: 'foobar' } }),
// ])
[...decs.keys()].forEach(id => {
const dec = decs.get(id)
// return new AnnotationState(decorations)
decorations.push([
Decoration.inline(
relativePositionToAbsolutePosition(
ystate.doc,
ystate.type,
dec.from,
ystate.binding.mapping,
),
relativePositionToAbsolutePosition(
ystate.doc,
ystate.type,
dec.to,
ystate.binding.mapping,
),
{ class: 'annotation' },
{ data: dec.data },
),
])
})
return this
return new AnnotationState(DecorationSet.create(state.doc, decorations))
// if (ystate && ystate.isChangeOrigin) {
// // TODO: Create new decorations
// // const absolute = relativePositionToAbsolutePosition(
// // ystate.doc,
// // ystate.type,
// // relative,
// // ystate.binding.mapping,
// // )
// return this
//
// }
// // // Apply ProseMirror mapping
// // const decorations = this.decorations.map(transaction.mapping, transaction.doc)
// // return new AnnotationState(decorations)
// // Apply ProseMirror mapping
// const decorations = this.decorations.map(transaction.mapping, transaction.doc)
// return new AnnotationState(decorations)
// return this
}
static init(config: any, state: EditorState) {
// TODO: Load initial decorations from Y.js?
// const decorations = DecorationSet.create(state.doc, [
// Decoration.inline(105, 190, { class: 'annotation' }, { data: { id: 123, content: 'foobar' } }),
// ])
const decorations = DecorationSet.create(state.doc, [])
return new AnnotationState(decorations)