mirror of
https://gerrit.wikimedia.org/r/mediawiki/extensions/VisualEditor
synced 2024-11-15 18:39:52 +00:00
9787166bab
AnnotationAction and SurfaceFragment now use insertAnnotations. ve.dm.Surface.test * Removed test for annotate method (not needed anymore) ve.dm.SurfaceFragment * Now using getInsertionAnnotations method * Added support for modifying insertion annotations when annotating a zero-length selection ve.dm.Surface * Moved in insertion annotations state from document model * Added insertion annotation interface (enable, disable, areEnabled, get, set, add, and remove) * Simplified handling of annotations on change * Removed annotate method (not used anymore) ve.dm.Document * Removed insertion annotations (moved it to surface model) ve.ce.Surface * Cleaned up handleInsertion and changed it to use the insertion annotations interface on the surface model ve.AnnotationAction * Moved insertion annotation handling out of here since it's now included in the surface fragment Change-Id: I047d656acf7fa1c63f726ca2b0801e1476f84f96
325 lines
7.9 KiB
JavaScript
325 lines
7.9 KiB
JavaScript
/**
|
|
* VisualEditor data model Surface class.
|
|
*
|
|
* @copyright 2011-2012 VisualEditor Team and others; see AUTHORS.txt
|
|
* @license The MIT License (MIT); see LICENSE.txt
|
|
*/
|
|
|
|
/**
|
|
* DataModel surface.
|
|
*
|
|
* @class
|
|
* @constructor
|
|
* @extends {ve.EventEmitter}
|
|
* @param {ve.dm.Document} doc Document model to create surface for
|
|
*/
|
|
ve.dm.Surface = function VeDmSurface( doc ) {
|
|
// Parent constructor
|
|
ve.EventEmitter.call( this );
|
|
|
|
// Properties
|
|
this.documentModel = doc;
|
|
this.selection = new ve.Range( 0, 0 );
|
|
this.smallStack = [];
|
|
this.bigStack = [];
|
|
this.undoIndex = 0;
|
|
this.historyTrackingInterval = null;
|
|
this.insertionAnnotations = new ve.AnnotationSet();
|
|
this.useInsertionAnnotations = true;
|
|
};
|
|
|
|
/* Inheritance */
|
|
|
|
ve.inheritClass( ve.dm.Surface, ve.EventEmitter );
|
|
|
|
/* Methods */
|
|
|
|
/**
|
|
* Start tracking state changes in history.
|
|
*
|
|
* @method
|
|
*/
|
|
ve.dm.Surface.prototype.startHistoryTracking = function () {
|
|
this.historyTrackingInterval = setInterval( ve.bind( this.breakpoint, this ), 750 );
|
|
};
|
|
|
|
/**
|
|
* Stop tracking state changes in history.
|
|
*
|
|
* @method
|
|
*/
|
|
ve.dm.Surface.prototype.stopHistoryTracking = function () {
|
|
clearInterval( this.historyTrackingInterval );
|
|
};
|
|
|
|
/**
|
|
* Removes all states from history.
|
|
*
|
|
* @method
|
|
*/
|
|
ve.dm.Surface.prototype.purgeHistory = function () {
|
|
this.selection = null;
|
|
this.smallStack = [];
|
|
this.bigStack = [];
|
|
this.undoIndex = 0;
|
|
};
|
|
|
|
/**
|
|
* Gets a list of all history states.
|
|
*
|
|
* @method
|
|
* @returns {Array[]} List of transaction stacks
|
|
*/
|
|
ve.dm.Surface.prototype.getHistory = function () {
|
|
if ( this.smallStack.length > 0 ) {
|
|
return this.bigStack.slice( 0 ).concat( [{ 'stack': this.smallStack.slice(0) }] );
|
|
} else {
|
|
return this.bigStack.slice( 0 );
|
|
}
|
|
};
|
|
|
|
/**
|
|
* Enables insertion annotations.
|
|
*
|
|
* @method
|
|
*/
|
|
ve.dm.Surface.prototype.enableInsertionAnnotations = function () {
|
|
this.useInsertionAnnotations = true;
|
|
};
|
|
|
|
/**
|
|
* Disables insertion annotations.
|
|
*
|
|
* @method
|
|
*/
|
|
ve.dm.Surface.prototype.disableInsertionAnnotations = function () {
|
|
this.useInsertionAnnotations = false;
|
|
};
|
|
|
|
/**
|
|
* Checks if insertion annotations are enabled.
|
|
*
|
|
* @method
|
|
* @returns {Boolean} Insertion annotations are enabled
|
|
*/
|
|
ve.dm.Surface.prototype.areInsertionAnnotationsEnabled = function () {
|
|
return this.useInsertionAnnotations;
|
|
};
|
|
|
|
/**
|
|
* Gets annotations that will be used upon insertion.
|
|
*
|
|
* @method
|
|
* @returns {ve.AnnotationSet|null} Insertion anotations or null if not being used
|
|
*/
|
|
ve.dm.Surface.prototype.getInsertionAnnotations = function () {
|
|
return this.insertionAnnotations.clone();
|
|
};
|
|
|
|
/**
|
|
* Sets annotations that will be used upon insertion.
|
|
*
|
|
* @method
|
|
* @param {ve.AnnotationSet|null} Insertion anotations to use or null to disable them
|
|
* @emits 'annotationChange'
|
|
*/
|
|
ve.dm.Surface.prototype.setInsertionAnnotations = function ( annotations ) {
|
|
this.insertionAnnotations = annotations.clone();
|
|
this.emit( 'annotationChange' );
|
|
};
|
|
|
|
/**
|
|
* Adds an annotation to the insertion annotations.
|
|
*
|
|
* @method
|
|
* @param {ve.AnnotationSet} Insertion anotation to add
|
|
* @emits 'annotationChange'
|
|
*/
|
|
ve.dm.Surface.prototype.addInsertionAnnotation = function ( annotation ) {
|
|
this.insertionAnnotations.push( annotation );
|
|
this.emit( 'annotationChange' );
|
|
};
|
|
|
|
/**
|
|
* Removes an annotation from the insertion annotations.
|
|
*
|
|
* @method
|
|
* @param {ve.AnnotationSet} Insertion anotation to remove
|
|
* @emits 'annotationChange'
|
|
*/
|
|
ve.dm.Surface.prototype.removeInsertionAnnotation = function ( annotation ) {
|
|
this.insertionAnnotations.remove( annotation );
|
|
this.emit( 'annotationChange' );
|
|
};
|
|
|
|
/**
|
|
* Checks if there is a state to redo.
|
|
*
|
|
* @method
|
|
* @returns {Boolean} Has a future state
|
|
*/
|
|
ve.dm.Surface.prototype.hasFutureState = function() {
|
|
return this.undoIndex > 0;
|
|
};
|
|
|
|
/**
|
|
* Checks if there is a state to undo.
|
|
*
|
|
* @method
|
|
* @returns {Boolean} Has a past state
|
|
*/
|
|
ve.dm.Surface.prototype.hasPastState = function() {
|
|
return this.bigStack.length - this.undoIndex > 0;
|
|
};
|
|
|
|
/**
|
|
* Gets the document model of the surface.
|
|
*
|
|
* @method
|
|
* @returns {ve.dm.DocumentNode} Document model of the surface
|
|
*/
|
|
ve.dm.Surface.prototype.getDocument = function () {
|
|
return this.documentModel;
|
|
};
|
|
|
|
/**
|
|
* Gets the selection
|
|
*
|
|
* @method
|
|
* @returns {ve.Range} Current selection
|
|
*/
|
|
ve.dm.Surface.prototype.getSelection = function () {
|
|
return this.selection;
|
|
};
|
|
|
|
/**
|
|
* Gets a fragment from this document and selection.
|
|
*
|
|
* @method
|
|
* @param {ve.Range} [range] Range within target document, current selection used by default
|
|
* @param {Boolean} [noAutoSelect] Don't update the surface's selection when making changes
|
|
*/
|
|
ve.dm.Surface.prototype.getFragment = function ( range, noAutoSelect ) {
|
|
return new ve.dm.SurfaceFragment( this, range || this.selection, noAutoSelect );
|
|
};
|
|
|
|
/**
|
|
* Applies a series of transactions to the content data and sets the selection.
|
|
*
|
|
* @method
|
|
* @param {ve.dm.Transaction|ve.dm.Transaction[]|null} transactions One or more transactions to
|
|
* process, or null to process none
|
|
* @param {ve.Range|undefined} selection
|
|
*/
|
|
ve.dm.Surface.prototype.change = function ( transactions, selection ) {
|
|
var i, offset;
|
|
if ( transactions ) {
|
|
if ( transactions instanceof ve.dm.Transaction ) {
|
|
transactions = [transactions];
|
|
}
|
|
|
|
for ( i = 0; i < transactions.length; i++ ) {
|
|
if ( !transactions[i].isNoOp() ) {
|
|
this.bigStack = this.bigStack.slice( 0, this.bigStack.length - this.undoIndex );
|
|
this.undoIndex = 0;
|
|
this.smallStack.push( transactions[i] );
|
|
ve.dm.TransactionProcessor.commit( this.getDocument(), transactions[i] );
|
|
}
|
|
}
|
|
}
|
|
if ( selection && ( !this.selection || !this.selection.equals ( selection ) ) ) {
|
|
selection.normalize();
|
|
this.selection = selection;
|
|
this.emit('select', this.selection.clone() );
|
|
}
|
|
if ( transactions ) {
|
|
this.emit( 'transact', transactions );
|
|
}
|
|
|
|
// Clear and add annotations to stack if insertion annotations aren't being used
|
|
if ( this.useInsertionAnnotations ) {
|
|
offset = this.documentModel.getNearestContentOffset(
|
|
Math.max( 0, this.getSelection().start - 1 ), -1
|
|
);
|
|
if ( offset === -1 ) {
|
|
// Document is empty, use empty set
|
|
this.insertionAnnotations = new ve.AnnotationSet();
|
|
} else {
|
|
this.insertionAnnotations = this.documentModel.getAnnotationsFromOffset( offset );
|
|
}
|
|
this.emit( 'annotationChange' );
|
|
}
|
|
|
|
this.emit( 'change', transactions, selection );
|
|
};
|
|
|
|
/**
|
|
* Sets a history state breakpoint.
|
|
*
|
|
* @method
|
|
* @param {ve.Range} selection New selection range
|
|
*/
|
|
ve.dm.Surface.prototype.breakpoint = function ( selection ) {
|
|
if ( this.smallStack.length > 0 ) {
|
|
this.bigStack.push( {
|
|
stack: this.smallStack,
|
|
selection: selection || this.selection.clone()
|
|
} );
|
|
this.smallStack = [];
|
|
this.emit( 'history' );
|
|
}
|
|
};
|
|
|
|
/**
|
|
* Steps backwards in history.
|
|
*
|
|
* @method
|
|
* @returns {ve.Range} Selection or null if no further state could be reached
|
|
*/
|
|
ve.dm.Surface.prototype.undo = function () {
|
|
var item, i, transaction, selection;
|
|
this.breakpoint();
|
|
this.undoIndex++;
|
|
|
|
if ( this.bigStack[this.bigStack.length - this.undoIndex] ) {
|
|
this.emit( 'lock' );
|
|
item = this.bigStack[this.bigStack.length - this.undoIndex];
|
|
selection = item.selection;
|
|
|
|
for ( i = item.stack.length - 1; i >= 0; i-- ) {
|
|
transaction = item.stack[i];
|
|
selection = transaction.translateRange( selection, true );
|
|
this.documentModel.rollback( item.stack[i] );
|
|
}
|
|
this.emit( 'unlock' );
|
|
this.emit( 'history' );
|
|
return selection;
|
|
}
|
|
return null;
|
|
};
|
|
|
|
/**
|
|
* Steps forwards in history.
|
|
*
|
|
* @method
|
|
* @returns {ve.Range} Selection or null if no further state could be reached
|
|
*/
|
|
ve.dm.Surface.prototype.redo = function () {
|
|
var selection, item, i;
|
|
this.breakpoint();
|
|
|
|
if ( this.undoIndex > 0 && this.bigStack[this.bigStack.length - this.undoIndex] ) {
|
|
this.emit( 'lock' );
|
|
item = this.bigStack[this.bigStack.length - this.undoIndex];
|
|
selection = item.selection;
|
|
for ( i = 0; i < item.stack.length; i++ ) {
|
|
this.documentModel.commit( item.stack[i] );
|
|
}
|
|
this.undoIndex--;
|
|
this.emit( 'unlock' );
|
|
this.emit( 'history' );
|
|
return selection;
|
|
}
|
|
return null;
|
|
};
|