mirror of
https://gerrit.wikimedia.org/r/mediawiki/extensions/VisualEditor
synced 2024-11-16 02:51:50 +00:00
124 lines
3.4 KiB
JavaScript
124 lines
3.4 KiB
JavaScript
|
/**
|
||
|
* Creates an ve.dm.DocumentSynchronizer object.
|
||
|
*
|
||
|
* This object is a utility for collecting actions to be performed on the model tree
|
||
|
* in multiple steps and then processing those actions in a single step.
|
||
|
*
|
||
|
* NOTE: An 'update' event is emitted for every node that is touched by the synchronizer in any
|
||
|
* way, but only once for every node. Other events are emitted as we go.
|
||
|
*
|
||
|
* IMPORTANT NOTE: It is assumed that:
|
||
|
* The linear model has already been updated for the pushed actions
|
||
|
* Actions are pushed in increasing offset order
|
||
|
* Actions are non-overlapping
|
||
|
*
|
||
|
* @class
|
||
|
* @constructor
|
||
|
*/
|
||
|
ve.dm.DocumentSynchronizer = function( doc ) {
|
||
|
// Properties
|
||
|
this.document = doc;
|
||
|
this.actions = [];
|
||
|
this.updatedNodes = [];
|
||
|
};
|
||
|
|
||
|
/* Methods */
|
||
|
|
||
|
ve.dm.DocumentSynchronizer.prototype.getDocument = function() {
|
||
|
return this.document;
|
||
|
};
|
||
|
|
||
|
/**
|
||
|
* Add an annotation action to the queue. This finds all leaf nodes covered wholly or partially
|
||
|
* by the given range, and emits annotation events for all of them.
|
||
|
* @param {ve.Range} range Range that was annotated
|
||
|
*/
|
||
|
ve.dm.DocumentSynchronizer.prototype.pushAnnotation = function( range ) {
|
||
|
this.action.push( {
|
||
|
'type': 'annotation',
|
||
|
'range': range
|
||
|
} );
|
||
|
};
|
||
|
|
||
|
/**
|
||
|
* Add an attribute change to the queue. This emits an attributeChange event for the given node
|
||
|
* with the provided metadata.
|
||
|
* @param {ve.dm.Node} node Node whose attribute changed
|
||
|
* @param {String} key Key of the attribute that changed
|
||
|
* @param from Old value of the attribute
|
||
|
* @param to New value of the attribute
|
||
|
*/
|
||
|
ve.dm.DocumentSynchronizer.prototype.pushAttributeChange = function( node, key, from, to ) {
|
||
|
this.action.push( {
|
||
|
'type': 'attributeChange',
|
||
|
'node': node,
|
||
|
'key': key,
|
||
|
'from': from,
|
||
|
'to': to
|
||
|
} );
|
||
|
};
|
||
|
|
||
|
/**
|
||
|
* Add a resize action to the queue. This changes the length of a text node.
|
||
|
* @param {ve.dm.TextNode} node Node to resize
|
||
|
* @param {Integer} adjustment Length adjustment to apply to the node
|
||
|
*/
|
||
|
ve.dm.DocumentSynchronizer.prototype.pushResize = function( node, adjustment ) {
|
||
|
this.actions.push( {
|
||
|
'type': 'resize',
|
||
|
'node': node,
|
||
|
'adjustment': adjustment
|
||
|
} );
|
||
|
};
|
||
|
|
||
|
// TODO pushRebuild()
|
||
|
|
||
|
ve.dm.DocumentSynchronizer.prototype.annotation = function( action ) {
|
||
|
// TODO needs traverseLeafNodes()
|
||
|
};
|
||
|
|
||
|
ve.dm.DocumentSynchronizer.prototype.attributeChange = function( action ) {
|
||
|
action.node.emit( 'attributeChange', action.key, action.from, action.to );
|
||
|
this.markNodeUpdated( action.node );
|
||
|
};
|
||
|
|
||
|
ve.dm.DocumentSynchronizer.prototype.resize = function( action ) {
|
||
|
action.node.adjustLength( action.adjustment );
|
||
|
this.markNodeUpdated( action.node );
|
||
|
};
|
||
|
|
||
|
// TODO rebuild()
|
||
|
|
||
|
ve.dm.DocumentSynchronizer.prototype.markNodeUpdated = function( node ) {
|
||
|
// Skip nodes that have already been added
|
||
|
if ( !node.DSupdated ) {
|
||
|
node.DSupdated = true;
|
||
|
this.updatedNodes.push( node );
|
||
|
}
|
||
|
};
|
||
|
|
||
|
ve.dm.DocumentSynchronizer.prototype.emitUpdateEvents = function() {
|
||
|
var i;
|
||
|
for ( i = 0; i < this.updatedNodes.length; i++ ) {
|
||
|
node.emit( 'update' );
|
||
|
delete node.DSupdated;
|
||
|
}
|
||
|
this.updatedNodes = [];
|
||
|
};
|
||
|
|
||
|
ve.dm.DocumentSynchronizer.prototype.synchronize = function() {
|
||
|
var action, i;
|
||
|
// Execute the actions in the queue
|
||
|
for ( i = 0; i < this.actions.length; i++ ) {
|
||
|
action = this.actions[i];
|
||
|
if ( action.type in this ) {
|
||
|
this[action.type]( action );
|
||
|
} else {
|
||
|
throw 'Invalid action type ' + action.type;
|
||
|
}
|
||
|
}
|
||
|
|
||
|
this.emitUpdateEvents();
|
||
|
this.actions = [];
|
||
|
};
|