mirror of
https://gerrit.wikimedia.org/r/mediawiki/extensions/VisualEditor
synced 2024-11-15 18:39:52 +00:00
5e7c14c868
Introduced the ve.AnnotationSet class to manage sets of annotations. This is a generalization of ve.OrderedHashSet, a class that manages a set using an array and an object keyed by hash. Converted everything that stores, tracks or passes around annotations to use ve.AnnotationSet. In particular, this means the linear model now contains AnnotationSets instead of hash-keyed objects. This allows us to maintain the order of annotations in the linear model, and will help fix bugs with annotation ordering and splitting. Change-Id: I50975b0a95f4cc33017a0b59fdede9ed1eff0124
576 lines
16 KiB
JavaScript
576 lines
16 KiB
JavaScript
/**
|
|
* VisualEditor data model Fragment class.
|
|
*
|
|
* @copyright 2011-2012 VisualEditor Team and others; see AUTHORS.txt
|
|
* @license The MIT License (MIT); see LICENSE.txt
|
|
*/
|
|
|
|
/**
|
|
* DataModel document fragment.
|
|
*
|
|
* @class
|
|
* @constructor
|
|
* @param {ve.dm.Surface} surface Target surface
|
|
* @param {ve.Range} [range] Range within target document, current selection used by default
|
|
* @param {Boolean} [autoSelect] Update the surface's selection when making changes
|
|
*/
|
|
ve.dm.SurfaceFragment = function ( surface, range, autoSelect ) {
|
|
// Short-circuit for missing-surface null fragment
|
|
if ( !surface ) {
|
|
return this;
|
|
}
|
|
|
|
// Properties
|
|
this.range = range && range instanceof ve.Range ? range : surface.getSelection();
|
|
// Short-circuit for invalid range null fragment
|
|
if ( !this.range ) {
|
|
return this;
|
|
}
|
|
this.surface = surface;
|
|
this.document = surface.getDocument();
|
|
this.autoSelect = !!autoSelect;
|
|
|
|
// Events
|
|
surface.on( 'transact', ve.bind( this.onTransact, this ) );
|
|
|
|
// Initialization
|
|
var length = this.document.getLength();
|
|
this.range = new ve.Range(
|
|
// Clamp range to valid document offsets
|
|
Math.min( Math.max( this.range.from, 0 ), length ),
|
|
Math.min( Math.max( this.range.to, 0 ), length )
|
|
);
|
|
};
|
|
|
|
/* Methods */
|
|
|
|
/**
|
|
* Responds to transactions being processed on the document.
|
|
*
|
|
* This keeps the range of this fragment valid, even while other transactions are being processed.
|
|
*
|
|
* @method
|
|
* @param {ve.dm.Transaction[]} txs Transactions that have just been processed
|
|
*/
|
|
ve.dm.SurfaceFragment.prototype.onTransact = function ( txs ) {
|
|
for ( var i = 0; i < txs.length; i++ ) {
|
|
this.range = txs[i].translateRange( this.range );
|
|
}
|
|
};
|
|
|
|
/**
|
|
* Gets the surface this fragment is a part of.
|
|
*
|
|
* @method
|
|
* @returns {ve.dm.Surface} Surface of fragment
|
|
*/
|
|
ve.dm.SurfaceFragment.prototype.getSurface = function () {
|
|
return this.surface;
|
|
};
|
|
|
|
/**
|
|
* Gets the document of the surface this fragment is a part of.
|
|
*
|
|
* @method
|
|
* @returns {ve.dm.Document} Document of surface of fragment
|
|
*/
|
|
ve.dm.SurfaceFragment.prototype.getDocument = function () {
|
|
return this.document;
|
|
};
|
|
|
|
/**
|
|
* Gets the range of this fragment within the surface.
|
|
*
|
|
* @method
|
|
* @returns {ve.Range} Surface range
|
|
*/
|
|
ve.dm.SurfaceFragment.prototype.getRange = function () {
|
|
return this.range.clone();
|
|
};
|
|
|
|
/**
|
|
* Checks if this is a null fragment.
|
|
*
|
|
* @method
|
|
* @returns {Boolean} Fragment is a null fragment
|
|
*/
|
|
ve.dm.SurfaceFragment.prototype.isNull = function () {
|
|
return this.surface === undefined;
|
|
};
|
|
|
|
/**
|
|
* Gets a new fragment with an adjusted position
|
|
*
|
|
* @method
|
|
* @param {Number} [start] Adjustment for start position
|
|
* @param {Number} [end] Adjustment for end position
|
|
* @returns {ve.dm.SurfaceFragment} Adjusted fragment
|
|
*/
|
|
ve.dm.SurfaceFragment.prototype.adjustRange = function ( start, end ) {
|
|
// Handle null fragment
|
|
if ( !this.surface ) {
|
|
return this;
|
|
}
|
|
return new ve.dm.SurfaceFragment(
|
|
this.surface,
|
|
new ve.Range( this.range.start + ( start || 0 ), this.range.end + ( end || 0 ) ),
|
|
this.autoSelect
|
|
);
|
|
};
|
|
|
|
/**
|
|
* Gets a new fragment with a zero-length selection at the start offset.
|
|
*
|
|
* @method
|
|
* @returns {ve.dm.SurfaceFragment} Collapsed fragment
|
|
*/
|
|
ve.dm.SurfaceFragment.prototype.collapseRange = function () {
|
|
// Handle null fragment
|
|
if ( !this.surface ) {
|
|
return this;
|
|
}
|
|
return new ve.dm.SurfaceFragment(
|
|
this.surface, new ve.Range( this.range.start ), this.autoSelect
|
|
);
|
|
};
|
|
|
|
/**
|
|
* Gets a new fragment with a range that no longer includes leading and trailing whitespace.
|
|
*
|
|
* @method
|
|
* @returns {ve.dm.SurfaceFragment} Trimmed fragment
|
|
*/
|
|
ve.dm.SurfaceFragment.prototype.trimRange = function () {
|
|
// Handle null fragment
|
|
if ( !this.surface ) {
|
|
return this;
|
|
}
|
|
return new ve.dm.SurfaceFragment(
|
|
this.surface, this.document.trimOuterSpaceFromRange( this.range ), this.autoSelect
|
|
);
|
|
};
|
|
|
|
/**
|
|
* Gets a new fragment that covers an expanded range of the document.
|
|
*
|
|
* @method
|
|
* @param {String} [scope=parent] Method of expansion:
|
|
* 'root': Expands to cover the entire document
|
|
* 'siblings': Expands to cover all sibling nodes
|
|
* 'closest': Expands to cover the closest common ancestor node of a specified type
|
|
* 'parent': Expands to cover the closest common parent node
|
|
* @param {String} [type] Node type to use with certain scope methods that require it
|
|
* @returns {ve.dm.SurfaceFragment} Expanded fragment
|
|
*/
|
|
ve.dm.SurfaceFragment.prototype.expandRange = function ( scope, type ) {
|
|
// Handle null fragment
|
|
if ( !this.surface ) {
|
|
return this;
|
|
}
|
|
var range, node, nodes, parent;
|
|
switch ( scope || 'parent' ) {
|
|
case 'root':
|
|
range = new ve.Range( 0, this.document.getData().length );
|
|
break;
|
|
case 'siblings':
|
|
// Grow range to cover all siblings
|
|
nodes = this.document.selectNodes( this.range, 'siblings' );
|
|
if ( nodes.length === 1 ) {
|
|
range = nodes[0].node.getOuterRange();
|
|
} else {
|
|
range = new ve.Range(
|
|
nodes[0].node.getOuterRange().start,
|
|
nodes[nodes.length - 1].node.getOuterRange().end
|
|
);
|
|
}
|
|
break;
|
|
case 'closest':
|
|
// Grow range to cover closest common ancestor node of given type
|
|
node = this.document.selectNodes( this.range, 'siblings' )[0].node;
|
|
parent = node.getParent();
|
|
while ( parent && parent.getType() !== type ) {
|
|
node = parent;
|
|
parent = parent.getParent();
|
|
}
|
|
if ( !parent ) {
|
|
return new ve.dm.SurfaceFragment( null );
|
|
}
|
|
range = parent.getOuterRange();
|
|
break;
|
|
case 'parent':
|
|
// Grow range to cover the closest common parent node
|
|
node = this.document.selectNodes( this.range, 'siblings' )[0].node;
|
|
parent = node.getParent();
|
|
if ( !parent ) {
|
|
return new ve.dm.SurfaceFragment( null );
|
|
}
|
|
range = parent.getOuterRange();
|
|
break;
|
|
default:
|
|
throw new Error( 'Invalid scope argument: ' + scope );
|
|
}
|
|
return new ve.dm.SurfaceFragment( this.surface, range, this.autoSelect );
|
|
};
|
|
|
|
/**
|
|
* Checks if the surface's selection will be updated automatically when changes are made.
|
|
*
|
|
* @method
|
|
* @returns {Boolean} Will automatically update surface selection
|
|
*/
|
|
ve.dm.SurfaceFragment.prototype.willAutoSelect = function () {
|
|
return this.autoSelect;
|
|
};
|
|
|
|
/**
|
|
* Get data for the fragment.
|
|
*
|
|
* @method
|
|
* @param {Boolean} [deep] Get a deep copy of the data
|
|
* @returns {Array} Fragment data
|
|
*/
|
|
ve.dm.SurfaceFragment.prototype.getData = function ( deep ) {
|
|
// Handle null fragment
|
|
if ( !this.surface ) {
|
|
return [];
|
|
}
|
|
return this.document.getData( this.range, deep );
|
|
};
|
|
|
|
/**
|
|
* Get plain text for the fragment.
|
|
*
|
|
* @method
|
|
* @returns {Array} Fragment text
|
|
*/
|
|
ve.dm.SurfaceFragment.prototype.getText = function () {
|
|
// Handle null fragment
|
|
if ( !this.surface ) {
|
|
return '';
|
|
}
|
|
var i, length,
|
|
text = '',
|
|
data = this.document.getData( this.range );
|
|
for ( i = 0, length = data.length; i < length; i++ ) {
|
|
if ( data[i].type === undefined ) {
|
|
// Annotated characters have a string at index 0, plain characters are 1-char strings
|
|
text += typeof data[i] === 'string' ? data[i] : data[i][0];
|
|
}
|
|
}
|
|
return text;
|
|
};
|
|
|
|
/**
|
|
* Get all leaf nodes covered by the fragment.
|
|
*
|
|
* @see {ve.Document.selectNodes} for more information about the return value.
|
|
*
|
|
* @method
|
|
* @returns {Array} List of nodes and related information
|
|
*/
|
|
ve.dm.SurfaceFragment.prototype.getLeafNodes = function () {
|
|
// Handle null fragment
|
|
if ( !this.surface ) {
|
|
return [];
|
|
}
|
|
return this.document.selectNodes( this.range, 'leaves' );
|
|
};
|
|
|
|
/**
|
|
* Get nodes covered by the fragment.
|
|
*
|
|
* Does not descend into nodes that are entirely covered by the range. The result is
|
|
* similar to that of {ve.dm.SurfaceFragment.prototype.getLeafNodes} except that if a node is
|
|
* entirely covered, its children aren't returned separately.
|
|
*
|
|
* @see {ve.Document.selectNodes} for more information about the return value.
|
|
*
|
|
* @method
|
|
* @returns {Array} List of nodes and related information
|
|
*/
|
|
ve.dm.SurfaceFragment.prototype.getCoveredNodes = function () {
|
|
// Handle null fragment
|
|
if ( !this.surface ) {
|
|
return [];
|
|
}
|
|
return this.document.selectNodes( this.range, 'coveredNodes' );
|
|
};
|
|
|
|
/**
|
|
* Get nodes covered by the fragment.
|
|
*
|
|
* Includes adjacent siblings covered by the range, descending if the range is in a single node.
|
|
*
|
|
* @see {ve.Document.selectNodes} for more information about the return value.
|
|
*
|
|
* @method
|
|
* @returns {Array} List of nodes and related information
|
|
*/
|
|
ve.dm.SurfaceFragment.prototype.getSiblingNodes = function () {
|
|
// Handle null fragment
|
|
if ( !this.surface ) {
|
|
return [];
|
|
}
|
|
return this.document.selectNodes( this.range, 'siblings' );
|
|
};
|
|
|
|
/**
|
|
* Chooses whether to automatically update the surface selection when making changes.
|
|
*
|
|
* @method
|
|
* @param {Boolean} [value=true] Automatically update surface selection
|
|
* @returns {ve.dm.SurfaceFragment} This fragment
|
|
*/
|
|
ve.dm.SurfaceFragment.prototype.autoSelect = function ( value ) {
|
|
this.autoSelect = value === undefined || !!value;
|
|
return this;
|
|
};
|
|
|
|
/**
|
|
* Applies the fragment's range to the surface as a selection.
|
|
*
|
|
* @method
|
|
* @returns {ve.dm.SurfaceFragment} This fragment
|
|
*/
|
|
ve.dm.SurfaceFragment.prototype.select = function () {
|
|
// Handle null fragment
|
|
if ( !this.surface ) {
|
|
return this;
|
|
}
|
|
this.surface.setSelection( this.range );
|
|
return this;
|
|
};
|
|
|
|
/**
|
|
* Applies an annotation to content in the fragment.
|
|
*
|
|
* To avoid problems identified in bug 33108, use the {ve.dm.SurfaceFragment.trimRange} method.
|
|
*
|
|
* @method
|
|
* @param {String} method Mode of annotation, either 'set' or 'clear'
|
|
* @param {String} type Annotation type, for example: 'textStyle/bold'
|
|
* @param {Object} [data] Additional annotation data
|
|
* @returns {ve.dm.SurfaceFragment} This fragment
|
|
*/
|
|
ve.dm.SurfaceFragment.prototype.annotateContent = function ( method, type, data ) {
|
|
// Handle null fragment
|
|
if ( !this.surface ) {
|
|
return this;
|
|
}
|
|
var tx,
|
|
annotation = { 'type': type };
|
|
if ( data ) {
|
|
annotation.data = data;
|
|
}
|
|
if ( this.range.getLength() ) {
|
|
tx = ve.dm.Transaction.newFromAnnotation( this.document, this.range, method, annotation );
|
|
this.surface.change( tx, this.autoSelect && tx.translateRange( this.range ) );
|
|
}
|
|
return this;
|
|
};
|
|
|
|
/**
|
|
* Remove content in the fragment and insert content before it.
|
|
*
|
|
* This will move the fragment's range to the end of the insertion and make it zero-length.
|
|
*
|
|
* @method
|
|
* @param {String|Array} content Content to insert, can be either a string or array of data
|
|
* @param {Boolean} annotate Content should be automatically annotated to match surrounding content
|
|
* @returns {ve.dm.SurfaceFragment} This fragment
|
|
*/
|
|
ve.dm.SurfaceFragment.prototype.insertContent = function ( content, annotate ) {
|
|
// Handle null fragment
|
|
if ( !this.surface ) {
|
|
return this;
|
|
}
|
|
var tx, annotations;
|
|
if ( this.range.getLength() ) {
|
|
this.removeContent();
|
|
}
|
|
// Auto-convert content to array of plain text characters
|
|
if ( typeof content === 'string' ) {
|
|
content = content.split( '' );
|
|
}
|
|
if ( content.length ) {
|
|
if ( annotate ) {
|
|
annotations = this.document.getAnnotationsFromOffset( this.range.start - 1 );
|
|
if ( annotations.getLength() > 0 ) {
|
|
ve.dm.Document.addAnnotationsToData( content, annotations );
|
|
}
|
|
}
|
|
tx = ve.dm.Transaction.newFromInsertion( this.document, this.range.start, content );
|
|
this.surface.change( tx, this.autoSelect && tx.translateRange( this.range ) );
|
|
}
|
|
return this;
|
|
};
|
|
|
|
/**
|
|
* Removes content in the fragment.
|
|
*
|
|
* @method
|
|
* @returns {ve.dm.SurfaceFragment} This fragment
|
|
*/
|
|
ve.dm.SurfaceFragment.prototype.removeContent = function () {
|
|
// Handle null fragment
|
|
if ( !this.surface ) {
|
|
return this;
|
|
}
|
|
var tx;
|
|
if ( this.range.getLength() ) {
|
|
tx = ve.dm.Transaction.newFromRemoval( this.document, this.range );
|
|
// this.range will be translated via the onTransact event handler
|
|
this.surface.change( tx, this.autoSelect && tx.translateRange( this.range ) );
|
|
// Check if the range didn't get collapsed automatically - this will occur when removing
|
|
// content across un-mergable nodes because the delete only strips out content leaving
|
|
// structure at the beginning and end of the range in place
|
|
if ( this.range.getLength() ) {
|
|
// Collapse the range manually
|
|
this.range = new ve.Range( this.range.start );
|
|
if ( this.autoSelect ) {
|
|
// Update the surface selection
|
|
this.surface.setSelection( this.range );
|
|
}
|
|
}
|
|
}
|
|
return this;
|
|
};
|
|
|
|
/**
|
|
* Converts each content branch in the fragment from one type to another.
|
|
*
|
|
* @method
|
|
* @param {String} type Element type to convert to
|
|
* @param {Object} [attr] Initial attributes for new element
|
|
* @returns {ve.dm.SurfaceFragment} This fragment
|
|
*/
|
|
ve.dm.SurfaceFragment.prototype.convertNodes = function ( type, attr ) {
|
|
// Handle null fragment
|
|
if ( !this.surface ) {
|
|
return this;
|
|
}
|
|
var tx = ve.dm.Transaction.newFromContentBranchConversion( this.document, this.range, type, attr );
|
|
this.surface.change( tx, this.autoSelect && tx.translateRange( this.range ) );
|
|
return this;
|
|
};
|
|
|
|
/**
|
|
* Wraps each node in the fragment with one or more elements.
|
|
*
|
|
* A wrapper object is a linear model element; a plain object containing a type property and an
|
|
* optional attributes property.
|
|
*
|
|
* @method
|
|
* @param {Object|Object[]} wrapper Wrapper object, or array of wrapper objects (see above)
|
|
* @param {String} wrapper.type Node type of wrapper
|
|
* @param {Object} [wrapper.attributes] Attributes of wrapper
|
|
* @returns {ve.dm.SurfaceFragment} This fragment
|
|
*/
|
|
ve.dm.SurfaceFragment.prototype.wrapNodes = function ( wrapper ) {
|
|
// Handle null fragment
|
|
if ( !this.surface ) {
|
|
return this;
|
|
}
|
|
// TODO: Implement
|
|
return this;
|
|
};
|
|
|
|
/**
|
|
* Unwraps each node in the fragment out of one or more elements.
|
|
*
|
|
* @method
|
|
* @param {String|String[]} type Node types to unwrap, or array of node types to unwrap
|
|
* @returns {ve.dm.SurfaceFragment} This fragment
|
|
*/
|
|
ve.dm.SurfaceFragment.prototype.unwrapNodes = function ( type ) {
|
|
// Handle null fragment
|
|
if ( !this.surface ) {
|
|
return this;
|
|
}
|
|
// TODO: Implement
|
|
return this;
|
|
};
|
|
|
|
/**
|
|
* Changes the wrapping of each node in the fragment from one type to another.
|
|
*
|
|
* A wrapper object is a linear model element; a plain object containing a type property and an
|
|
* optional attributes property.
|
|
*
|
|
* @method
|
|
* @param {String|String[]} type Node types to unwrap, or array of node types to unwrap
|
|
* @param {Object|Object[]} wrapper Wrapper object, or array of wrapper objects (see above)
|
|
* @param {String} wrapper.type Node type of wrapper
|
|
* @param {Object} [wrapper.attributes] Attributes of wrapper
|
|
* @returns {ve.dm.SurfaceFragment} This fragment
|
|
*/
|
|
ve.dm.SurfaceFragment.prototype.rewrapNodes = function ( type, wrapper ) {
|
|
// Handle null fragment
|
|
if ( !this.surface ) {
|
|
return this;
|
|
}
|
|
// TODO: Implement
|
|
return this;
|
|
};
|
|
|
|
/**
|
|
* Wraps nodes in the fragment with one or more elements.
|
|
*
|
|
* A wrapper object is a linear model element; a plain object containing a type property and an
|
|
* optional attributes property.
|
|
*
|
|
* @method
|
|
* @param {Object|Object[]} wrapper Wrapper object, or array of wrapper objects (see above)
|
|
* @param {String} wrapper.type Node type of wrapper
|
|
* @param {Object} [wrapper.attributes] Attributes of wrapper
|
|
* @returns {ve.dm.SurfaceFragment} This fragment
|
|
*/
|
|
ve.dm.SurfaceFragment.prototype.wrapAllNodes = function ( wrapper ) {
|
|
// Handle null fragment
|
|
if ( !this.surface ) {
|
|
return this;
|
|
}
|
|
// TODO: Implement
|
|
return this;
|
|
};
|
|
|
|
/**
|
|
* Unwraps nodes in the fragment out of one or more elements.
|
|
*
|
|
* TODO: Figure out what the arguments for this function should be
|
|
*
|
|
* @method
|
|
* @param {String|String[]} type Node types to unwrap, or array of node types to unwrap
|
|
* @returns {ve.dm.SurfaceFragment} This fragment
|
|
*/
|
|
ve.dm.SurfaceFragment.prototype.unwrapAllNodes = function ( type ) {
|
|
// Handle null fragment
|
|
if ( !this.surface ) {
|
|
return this;
|
|
}
|
|
// TODO: Implement
|
|
return this;
|
|
};
|
|
|
|
/**
|
|
* Changes the wrapping of nodes in the fragment from one type to another.
|
|
*
|
|
* A wrapper object is a linear model element; a plain object containing a type property and an
|
|
* optional attributes property.
|
|
*
|
|
* @method
|
|
* @param {String|String[]} type Node types to unwrap, or array of node types to unwrap
|
|
* @param {Object|Object[]} wrapper Wrapper object, or array of wrapper objects (see above)
|
|
* @param {String} wrapper.type Node type of wrapper
|
|
* @param {Object} [wrapper.attributes] Attributes of wrapper
|
|
* @returns {ve.dm.SurfaceFragment} This fragment
|
|
*/
|
|
ve.dm.SurfaceFragment.prototype.rewrapAllNodes = function ( type, wrapper ) {
|
|
// Handle null fragment
|
|
if ( !this.surface ) {
|
|
return this;
|
|
}
|
|
// TODO: Implement
|
|
return this;
|
|
};
|