🔧
API
🧪
Tutorials
Y.RelativePosition
A powerful position encoding that transforms back to index positions
When working with collaborative documents, we often need to work with positions. Positions may represent cursor locations, selection ranges, or even assign a comment to a range of text. Normal index-positions (expressed as integers) are not convenient to use because the index-range is invalidated as soon as a remote change manipulates the document. Relative positions give you a powerful API to express positions.
A relative position is fixated to an element in the shared document and is not affected by remote changes. I.e. given the document
"a|c", the relative position is attached to c. When a remote user modifies the document by inserting a character before the cursor, the cursor will stay attached to the character c. insert(1, 'x')("a|c") = "ax|c". When the relative position is set to the end of the document, it will stay attached to the end of the document.Relative positions are guaranteed to always point to the same location ⇒ When all clients sync up, all relative positions will translate to the same index-position. This is not possible in OT-like solutions (explanation).
Y.RelativePosition API
Y.createRelativePositionFromTypeIndex(type: Y.AbstractType, index: number [, assoc=0]): Y.RelativePosition
Create a relative position fixated to the i-th element in any sequence-like shared type (if assoc >= 0). By default, the position associates with the character that comes after the specified index position. If assoc < 0, then the relative position associates with the character before the specified index position. Y.createAbsolutePositionFromRelativePosition(Y.RelativePosition, Y.Doc): { type: Y.AbstractType, index: number, assoc: number } | null
Create an absolute position from a relative position. If the relative position cannot be referenced, or the type is deleted, then the result is null.Y.encodeRelativePosition(Y.RelativePosition): Uint8Array
Encode a relative position to an Uint8Array. Binary data is the preferred encoding format for document updates. If you prefer JSON encoding, you can simply JSON.stringify / JSON.parse the relative position instead.Y.decodeRelativePosition(Uint8Array): RelativePosition
Decode a binary-encoded relative position to a RelativePositon object.Example: Transform to RelativePosition and back
1
const relPos = Y.createRelativePositionFromTypeIndex(ytext, 2)
2
const pos = Y.createAbsolutePositionFromRelativePosition(relPos, doc)
3
pos.type === ytext // => true
4
pos.index === 2 // => true
Copied!
Example: Send relative position to a remote client (JSON)
1
const relPos = Y.createRelativePositionFromTypeIndex(ytext, 2)
2
const encodedRelPos = JSON.stringify(relPos)
3
// send encodedRelPos to remote client..
4
const parsedRelPos = JSON.parse(encodedRelPos)
5
const pos = Y.createAbsolutePositionFromRelativePosition(parsedRelPos, remoteDoc)
6
pos.type === remoteytext // => true
7
pos.index === 2 // => true
Copied!
Example: Send relative position to a remote client (Uint8Array)
1
const relPos = Y.createRelativePositionFromTypeIndex(ytext, 2)
2
const encodedRelPos = Y.encodeRelativePosition(relPos)
3
// send encodedRelPos to remote client..
4
const parsedRelPos = Y.decodeRelativePosition(encodedRelPos)
5
const pos = Y.createAbsolutePositionFromRelativePosition(parsedRelPos, remoteDoc)
6
pos.type === remoteytext // => true
7
pos.index === 2 // => true
Copied!
Last modified 10mo ago