ianhitchman/tiptap
1
0
Fork 0
Code Issues Pull Requests Actions 1 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
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) return new AnnotationState(decorations)
} }
// decs.keys().forEach(key => { const decorations = [];
// console.log('get', decs.get(key))
// })
// const decorations = DecorationSet.create(state.doc, [ [...decs.keys()].forEach(id => {
// Decoration.inline(105, 190, { class: 'annotation' }, { data: { id: 123, content: 'foobar' } }), 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) { // if (ystate && ystate.isChangeOrigin) {
// // TODO: Create new decorations //
// // const absolute = relativePositionToAbsolutePosition(
// // ystate.doc,
// // ystate.type,
// // relative,
// // ystate.binding.mapping,
// // )
// return this
// } // }
// // // Apply ProseMirror mapping // // Apply ProseMirror mapping
// // const decorations = this.decorations.map(transaction.mapping, transaction.doc) // const decorations = this.decorations.map(transaction.mapping, transaction.doc)
// // return new AnnotationState(decorations) // return new AnnotationState(decorations)
// return this // return this
} }
static init(config: any, state: EditorState) { 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, []) const decorations = DecorationSet.create(state.doc, [])
return new AnnotationState(decorations) return new AnnotationState(decorations)