mirror of
https://gerrit.wikimedia.org/r/mediawiki/extensions/VisualEditor
synced 2024-12-03 02:16:51 +00:00
d6cf4fff7f
Change-Id: I842ffe00bdad025797f9c71f550efd24d2ce39da
372 lines
12 KiB
JavaScript
372 lines
12 KiB
JavaScript
/**
|
|
* DataModel transaction processor.
|
|
*
|
|
* This class reads operations from a transaction and applies them one by one. It's not intended
|
|
* to be used directly; use the static functions ve.dm.TransactionProcessor.commit() and .rollback()
|
|
* instead.
|
|
*
|
|
* NOTE: Instances of this class are not recyclable: you can only call .process() on them once.
|
|
*
|
|
* @class
|
|
* @constructor
|
|
*/
|
|
ve.dm.TransactionProcessor = function( doc, transaction, reversed ) {
|
|
// Properties
|
|
this.document = doc;
|
|
this.operations = transaction.getOperations();
|
|
this.synchronizer = new ve.dm.DocumentSynchronizer( doc );
|
|
this.reversed = reversed;
|
|
/*
|
|
* Linear model offset that we're currently at. Operations in the transaction are ordered, so
|
|
* the cursor only ever moves forward.
|
|
*/
|
|
this.cursor = 0;
|
|
/*
|
|
* Set and clear are lists of annotations which should be added or removed to content being
|
|
* inserted or retained. The format of these objects is { hash: annotationObjectReference }
|
|
* where hash is the result of ve.getHash( annotationObjectReference ).
|
|
*/
|
|
this.set = {};
|
|
this.clear = {};
|
|
};
|
|
|
|
/* Static methods */
|
|
|
|
/**
|
|
* Commit a transaction to a document.
|
|
*
|
|
* @param {ve.dm.Document} doc Document object to apply the transaction to
|
|
* @param {ve.dm.Transaction} transaction Transaction to apply
|
|
*/
|
|
ve.dm.TransactionProcessor.commit = function( doc, transaction ) {
|
|
new ve.dm.TransactionProcessor( doc, transaction, false ).process();
|
|
};
|
|
|
|
/**
|
|
* Roll back a transaction; this applies the transaction to the document in reverse.
|
|
*
|
|
* @param {ve.dm.Document} doc Document object to apply the transaction to
|
|
* @param {ve.dm.Transaction} transaction Transaction to apply
|
|
*/
|
|
ve.dm.TransactionProcessor.rollback = function( doc, transaction ) {
|
|
new ve.dm.TransactionProcessor( doc, transaction, true ).process();
|
|
};
|
|
|
|
/* Methods */
|
|
|
|
ve.dm.TransactionProcessor.prototype.nextOperation = function() {
|
|
return this.operations[this.operationIndex++] || false;
|
|
};
|
|
|
|
/**
|
|
* Executes an operation.
|
|
*
|
|
* @param {Object} op Operation object to execute
|
|
* @throws 'Invalid operation error. Operation type is not supported'
|
|
*/
|
|
ve.dm.TransactionProcessor.prototype.executeOperation = function( op ) {
|
|
if ( op.type in this ) {
|
|
this[op.type]( op );
|
|
} else {
|
|
throw 'Invalid operation error. Operation type is not supported: ' + operation.type;
|
|
}
|
|
};
|
|
|
|
/**
|
|
* Processes all operations.
|
|
*
|
|
* When all operations are done being processed, the document will be synchronized.
|
|
*/
|
|
ve.dm.TransactionProcessor.prototype.process = function() {
|
|
var op;
|
|
// This loop is factored this way to allow operations to be skipped over or executed
|
|
// from within other operations
|
|
this.operationIndex = 0;
|
|
while ( ( op = this.nextOperation() ) ) {
|
|
this.executeOperation( op );
|
|
}
|
|
this.synchronizer.synchronize();
|
|
};
|
|
|
|
/**
|
|
* Apply the current annotation stacks. This will set all annotations in this.set and clear all
|
|
* annotations in this.clear on the data between the offsets this.cursor and this.cursor + to
|
|
*
|
|
* @param {Number} to Offset to stop annotating at. Annotating starts at this.cursor
|
|
* @throws 'Invalid transaction, can not annotate a branch element'
|
|
* @throws 'Invalid transaction, annotation to be set is already set'
|
|
* @throws 'Invalid transaction, annotation to be cleared is not set'
|
|
*/
|
|
ve.dm.TransactionProcessor.prototype.applyAnnotations = function( to ) {
|
|
if ( ve.isEmptyObject( this.set ) && ve.isEmptyObject( this.clear ) ) {
|
|
return;
|
|
}
|
|
var item,
|
|
element,
|
|
annotated,
|
|
annotations,
|
|
hash,
|
|
empty;
|
|
for ( var i = this.cursor; i < to; i++ ) {
|
|
item = this.document.data[i];
|
|
element = item.type !== undefined;
|
|
if ( element && ve.dm.factory.canNodeHaveChildren( item.type ) ) {
|
|
throw 'Invalid transaction, can not annotate a branch element';
|
|
}
|
|
annotated = element ? 'annotations' in item : ve.isArray( item );
|
|
annotations = annotated ? ( element ? item.annotations : item[1] ) : {};
|
|
// Set and clear annotations
|
|
for ( hash in this.set ) {
|
|
if ( hash in annotations ) {
|
|
throw 'Invalid transaction, annotation to be set is already set';
|
|
}
|
|
annotations[hash] = this.set[hash];
|
|
}
|
|
for ( hash in this.clear ) {
|
|
if ( !( hash in annotations ) ) {
|
|
throw 'Invalid transaction, annotation to be cleared is not set';
|
|
}
|
|
delete annotations[hash];
|
|
}
|
|
// Auto initialize/cleanup
|
|
if ( !ve.isEmptyObject( annotations ) && !annotated ) {
|
|
if ( element ) {
|
|
// Initialize new element annotation
|
|
item.annotations = annotations;
|
|
} else {
|
|
// Initialize new character annotation
|
|
this.document.data[i] = [item, annotations];
|
|
}
|
|
} else if ( ve.isEmptyObject( annotations ) && annotated ) {
|
|
if ( element ) {
|
|
// Cleanup empty element annotation
|
|
delete item.annotations;
|
|
} else {
|
|
// Cleanup empty character annotation
|
|
this.document.data[i] = item[0];
|
|
}
|
|
}
|
|
}
|
|
this.synchronizer.pushAnnotation( new ve.Range( this.cursor, to ) );
|
|
};
|
|
|
|
/**
|
|
* Execute a retain operation.
|
|
*
|
|
* This moves the cursor by op.length and applies annotations to the characters that the cursor
|
|
* moved over.
|
|
*
|
|
* @param {Object} op Operation object:
|
|
* @param {Integer} op.length Number of elements to retain
|
|
*/
|
|
ve.dm.TransactionProcessor.prototype.retain = function( op ) {
|
|
this.applyAnnotations( this.cursor + op.length );
|
|
this.cursor += op.length;
|
|
};
|
|
|
|
/**
|
|
* Execute an annotate operation.
|
|
*
|
|
* This adds or removes an annotation to this.set or this.clear
|
|
*
|
|
* @param {Object} op Operation object
|
|
* @param {String} op.method Annotation method, either 'set' to add or 'clear' to remove
|
|
* @param {String} op.bias Endpoint of marker, either 'start' to begin or 'stop' to end
|
|
* @param {String} op.annotation Annotation object to set or clear from content
|
|
* @throws 'Invalid annotation method'
|
|
*/
|
|
ve.dm.TransactionProcessor.prototype.annotate = function( op ) {
|
|
var target, hash;
|
|
if ( op.method === 'set' ) {
|
|
target = this.reversed ? this.clear : this.set;
|
|
} else if ( op.method === 'clear' ) {
|
|
target = this.reversed ? this.set : this.clear;
|
|
} else {
|
|
throw 'Invalid annotation method ' + op.method;
|
|
}
|
|
|
|
hash = $.toJSON( op.annotation );
|
|
if ( op.bias === 'start' ) {
|
|
target[hash] = op.annotation;
|
|
} else {
|
|
delete target[hash];
|
|
}
|
|
|
|
// Tree sync is done by applyAnnotations()
|
|
};
|
|
|
|
/**
|
|
* Execute an attribute operation.
|
|
*
|
|
* This sets the attribute named op.key on the element at this.cursor to op.to , or unsets it if
|
|
* op.to === undefined . op.from is not checked against the old value, but is used instead of op.to
|
|
* in reverse mode. So if op.from is incorrect, the transaction will commit fine, but won't roll
|
|
* back correctly.
|
|
*
|
|
* @param {Object} op Operation object
|
|
* @param {String} op.key: Attribute name
|
|
* @param {Mixed} op.from: Old attribute value, or undefined if not previously set
|
|
* @param {Mixed} op.to: New attribute value, or undefined to unset
|
|
*/
|
|
ve.dm.TransactionProcessor.prototype.attribute = function( op ) {
|
|
var element = this.document.data[this.cursor];
|
|
if ( element.type === undefined ) {
|
|
throw 'Invalid element error, can not set attributes on non-element data';
|
|
}
|
|
var to = this.reversed ? op.from : op.to;
|
|
var from = this.reversed ? op.to : op.from;
|
|
if ( to === undefined ) {
|
|
// Clear
|
|
if ( element.attributes ) {
|
|
delete element.attributes[op.key];
|
|
}
|
|
} else {
|
|
// Automatically initialize attributes object
|
|
if ( !element.attributes ) {
|
|
element.attributes = {};
|
|
}
|
|
// Set
|
|
element.attributes[op.key] = to;
|
|
}
|
|
|
|
this.synchronizer.pushAttributeChange( this.document.getNodeFromOffset( this.cursor + 1 ),
|
|
op.key, from, to );
|
|
};
|
|
|
|
/**
|
|
* Execute a replace operation.
|
|
*
|
|
* This replaces one fragment of linear model data with another at this.cursor, figures out how the
|
|
* model tree needs to be synchronized, and queues this in the DocumentSynchronizer.
|
|
*
|
|
* op.remove isn't checked against the actual data (instead op.remove.length things are removed
|
|
* starting at this.cursor), but it's used instead of op.insert in reverse mode. So if
|
|
* op.remove is incorrect but of the right length, the transaction will commit fine, but won't roll
|
|
* back correctly.
|
|
*
|
|
*
|
|
* @param {Object} op Operation object
|
|
* @param {Array} op.remove Linear model data fragment to remove
|
|
* @param {Array} op.insert Linear model data fragment to insert
|
|
*/
|
|
ve.dm.TransactionProcessor.prototype.replace = function( op ) {
|
|
var remove = this.reversed ? op.insert : op.remove,
|
|
insert = this.reversed ? op.remove : op.insert,
|
|
removeHasStructure = ve.dm.Document.containsElementData( remove ),
|
|
insertHasStructure = ve.dm.Document.containsElementData( insert ),
|
|
node, scope, selection;
|
|
// Figure out if this is a structural insert or a content insert
|
|
if ( !removeHasStructure && !insertHasStructure ) {
|
|
// Content replacement
|
|
// Update the linear model
|
|
ve.batchSplice( this.document.data, this.cursor, remove.length, insert );
|
|
this.applyAnnotations( this.cursor + insert.length );
|
|
|
|
// Get the node containing the replaced content
|
|
selection = this.document.selectNodes( new ve.Range( this.cursor, this.cursor ),
|
|
'leaves'
|
|
);
|
|
node = selection[0].node;
|
|
// Queue a resize for this node
|
|
this.synchronizer.pushResize( node, insert.length - remove.length );
|
|
// Advance the cursor
|
|
this.cursor += insert.length;
|
|
} else {
|
|
// Structural replacement
|
|
|
|
// It's possible that multiple replace operations are needed before the
|
|
// model is back in a consistent state. This loop applies the current
|
|
// replace operation to the linear model, then keeps applying subsequent
|
|
// operations until the model is consistent. We keep track of the changes
|
|
// and queue a single rebuild after the loop finishes.
|
|
var operation = op,
|
|
removeLevel = 0,
|
|
replaceLevel = 0,
|
|
startOffset = this.cursor,
|
|
adjustment = 0,
|
|
i,
|
|
type;
|
|
|
|
while ( true ) {
|
|
if ( operation.type == 'replace' ) {
|
|
var opRemove = this.reversed ? operation.insert : operation.remove,
|
|
opInsert = this.reversed ? operation.remove : operation.insert;
|
|
// Update the linear model for this insert
|
|
ve.batchSplice( this.document.data, this.cursor, opRemove.length, opInsert );
|
|
this.cursor += opInsert.length;
|
|
adjustment += opInsert.length - opRemove.length;
|
|
|
|
// Walk through the remove and insert data
|
|
// and keep track of the element depth change (level)
|
|
// for each of these two separately. The model is
|
|
// only consistent if both levels are zero.
|
|
for ( i = 0; i < opRemove.length; i++ ) {
|
|
type = opRemove[i].type;
|
|
if ( type === undefined ) {
|
|
// This is content, ignore
|
|
} else if ( type.charAt( 0 ) === '/' ) {
|
|
// Closing element
|
|
removeLevel--;
|
|
} else {
|
|
// Opening element
|
|
removeLevel++;
|
|
}
|
|
}
|
|
for ( i = 0; i < opInsert.length; i++ ) {
|
|
type = opInsert[i].type;
|
|
if ( type === undefined ) {
|
|
// This is content, ignore
|
|
} else if ( type.charAt( 0 ) === '/' ) {
|
|
// Closing element
|
|
replaceLevel--;
|
|
} else {
|
|
// Opening element
|
|
replaceLevel++;
|
|
}
|
|
}
|
|
} else {
|
|
// We know that other operations won't cause adjustments, so we
|
|
// don't have to update adjustment
|
|
this.executeOperation( operation );
|
|
}
|
|
|
|
if ( removeLevel === 0 && replaceLevel === 0 ) {
|
|
// The model is back in a consistent state, so we're done
|
|
break;
|
|
}
|
|
|
|
// Get the next operation
|
|
operation = this.nextOperation();
|
|
if ( !operation ) {
|
|
throw 'Unbalanced set of replace operations found';
|
|
}
|
|
}
|
|
|
|
// TODO this handles splitting nodes but not merging nodes
|
|
// Figure out in which node the start was
|
|
selection = this.document.selectNodes( new ve.Range( startOffset, startOffset ) );
|
|
node = selection[0].node;
|
|
// Figure out what the scope of the insertion is
|
|
// FIXME should be opInsert instead of op.insert, but the latter makes rollbacks
|
|
// of splits work by accident. Will fix this when implementing merges
|
|
scope = ve.dm.Document.getScope( node, op.insert );
|
|
if ( scope === node ) {
|
|
// Simple case: no splits occurred, we can just rebuild the affected range
|
|
this.synchronizer.pushRebuild(
|
|
new ve.Range( startOffset, this.cursor - adjustment ),
|
|
new ve.Range( startOffset, this.cursor )
|
|
);
|
|
} else {
|
|
// A split occurred. Rebuild the entirety of scope
|
|
// TODO do something better to get the offset, possibly via getScope()
|
|
// or through whatever we have to do for deletion painting
|
|
var scopeStart = this.document.getDocumentNode().getOffsetFromNode( scope );
|
|
var scopeEnd = scopeStart + scope.getOuterLength();
|
|
this.synchronizer.pushRebuild(
|
|
new ve.Range( scopeStart, scopeEnd ),
|
|
new ve.Range( scopeStart, scopeEnd + adjustment )
|
|
);
|
|
}
|
|
}
|
|
};
|