/** * VisualEditor namespace. * * All classes and functions will be attached to this object to keep the global namespace clean. */ window.ve = { // List of instances of visual editors 'instances': [] }; /* Functions */ /** * Extends a constructor with the prototype of another. * * When using this, it's required to include a call to the constructor of the parent class as the * first code in the child class's constructor. * * @example * // Define parent class * function Foo() { * // code here * } * // Define child class * function Bar() { * // Call parent constructor * Foo.call( this ); * } * // Extend prototype * ve.extendClass( Bar, Foo ); * * @static * @method * @param {Function} dst Class to extend * @param {Function} [..] List of base classed to use methods from */ ve.extendClass = function( dst ) { for ( var i = 1; i < arguments.length; i++ ) { var base = arguments[i].prototype; for ( var method in base ) { if ( typeof base[method] === 'function' && !( method in dst.prototype ) ) { dst.prototype[method] = base[method]; } } } }; ve.extendObject = $.extend; ve.isPlainObject = $.isPlainObject; ve.isEmptyObject = $.isEmptyObject; ve.isArray = $.isArray; ve.proxy = $.proxy; /** * Wrapper for Array.prototype.indexOf * * @param {Mixed} value Element to search for * @param {Array} array Array to search in * @param {Integer} [fromIndex=0] Index to being searching from * @return {Number} Index of value in array, or -1 if not found. Comparisons are done with === */ ve.inArray = $.inArray; /** * Generates a hash of an object based on its name and data. * * This is actually an alias for jQuery.json, which falls back to window.JSON if present. * * WARNING: 2 objects can have the same contents but not the same hash if the properties were set * in a different order. Recursive sorting may nessecary prior to hashing, or a hashing algorithm * that produces order-safe reults may need to be used here instead. * * @static * @method * @param {Object} obj Object to generate hash for * @returns {String} Hash of object */ ve.getHash = $.toJSON; /** * Gets an array of all property names in an object. * * This falls back to the native impelentation of Object.keys if available. * * @static * @method * @param {Object} Object to get properties from * @returns {String[]} List of object keys */ ve.getObjectKeys = Object.keys || function( obj ) { var keys = [], key, hop = Object.prototype.hasOwnProperty; for ( key in obj ) { if ( hop.call( obj, key ) ) { keys.push( key ); } } return keys; }; /** * Gets an array of all property values in an object. * * @static * @method * @param {Object} Object to get values from * @returns {Array} List of object values */ ve.getObjectValues = function( obj ) { var values = [], key, hop = Object.prototype.hasOwnProperty; for ( key in obj ) { if ( hop.call( obj, key ) ) { values.push( obj[key] ); } } return values; }; /** * Recursively compares string and number property between two objects. * * A false result may be caused by property inequality or by properties in one object missing from * the other. An asymmetrical test may also be performed, which checks only that properties in the * first object are present in the second object, but not the inverse. * * @static * @method * @param {Object} a First object to compare * @param {Object} b Second object to compare * @param {Boolean} [asymmetrical] Whether to check only that b contains values from a * @returns {Boolean} If the objects contain the same values as each other */ ve.compareObjects = function( a, b, asymmetrical ) { var aValue, bValue, aType, bType; var k; for ( k in a ) { aValue = a[k]; bValue = b[k]; aType = typeof aValue; bType = typeof bValue; if ( aType !== bType || ( ( aType === 'string' || aType === 'number' ) && aValue !== bValue ) || ( ve.isPlainObject( aValue ) && !ve.compareObjects( aValue, bValue ) ) ) { return false; } } // If the check is not asymmetrical, recursing with the arguments swapped will verify our result return asymmetrical ? true : ve.compareObjects( b, a, true ); }; /** * Recursively compare two arrays. * * @static * @method * @param {Array} a First array to compare * @param {Array} b Second array to compare * @param {Boolean} [compareObjects] If true, use ve.compareObjects() to compare objects, otherwise use === */ ve.compareArrays = function( a, b, compareObjects ) { var i, aValue, bValue, aType, bType; if ( a.length !== b.length ) { return false; } for ( i = 0; i < a.length; i++ ) { aValue = a[i]; bValue = b[i]; aType = typeof aValue; bType = typeof bValue; if ( aType !== bType || !( ( ve.isArray( aValue ) && ve.isArray( bValue ) && ve.compareArrays( aValue, bValue ) ) || ( compareObjects && ve.isPlainObject( aValue ) && ve.compareObjects( aValue, bValue ) ) || aValue === bValue ) ) { return false; } } return true; }; /** * Gets a deep copy of an array's string, number, array and plain-object contents. * * @static * @method * @param {Array} source Array to copy * @returns {Array} Copy of source array */ ve.copyArray = function( source ) { var destination = []; for ( var i = 0; i < source.length; i++ ) { var sourceValue = source[i], sourceType = typeof sourceValue; if ( sourceType === 'string' || sourceType === 'number' ) { destination.push( sourceValue ); } else if ( ve.isPlainObject( sourceValue ) ) { destination.push( ve.copyObject( sourceValue ) ); } else if ( ve.isArray( sourceValue ) ) { destination.push( ve.copyArray( sourceValue ) ); } } return destination; }; /** * Gets a deep copy of an object's string, number, array and plain-object properties. * * @static * @method * @param {Object} source Object to copy * @returns {Object} Copy of source object */ ve.copyObject = function( source ) { var destination = {}; for ( var key in source ) { var sourceValue = source[key], sourceType = typeof sourceValue; if ( sourceType === 'string' || sourceType === 'number' ) { destination[key] = sourceValue; } else if ( ve.isPlainObject( sourceValue ) ) { destination[key] = ve.copyObject( sourceValue ); } else if ( ve.isArray( sourceValue ) ) { destination[key] = ve.copyArray( sourceValue ); } } return destination; }; /** * Splice one array into another. This is the equivalent of arr.splice( offset, remove, d1, d2, d3, ... ) * except that d1, d2, d3, ... are specified as an array rather than separate parameters. * * @static * @method * @param {Array} arr Array to remove from and insert into. Will be modified * @param {Number} offset Offset in arr to splice at. May be negative; see the 'index' * parameter for Array.prototype.splice() * @param {Number} remove Number of elements to remove at the offset. May be zero * @param {Array} data Array of items to insert at the offset */ ve.batchSplice = function( arr, offset, remove, data ) { // We need to splice insertion in in batches, because of parameter list length limits which vary // cross-browser - 1024 seems to be a safe batch size on all browsers var index = 0, batchSize = 1024, toRemove = remove; if ( data.length === 0 ) { // Special case: data is empty, so we're just doing a removal // The code below won't handle that properly, so we do it here arr.splice( offset, remove ); return; } while ( index < data.length ) { // Call arr.splice( offset, remove, i0, i1, i2, ..., i1023 ); // Only set remove on the first call, and set it to zero on subsequent calls arr.splice.apply( arr, [index + offset, toRemove].concat( data.slice( index, index + batchSize ) ) ); index += batchSize; toRemove = 0; } }; /** * Insert one array into another. This just calls ve.batchSplice( dst, offset, 0, src ) * * @static * @method * @see ve.batchSplice */ ve.insertIntoArray = function( dst, offset, src ) { ve.batchSplice( dst, offset, 0, src ); }; /** * Logs data to the console. * * This implementation does nothing, to add a real implmementation ve.debug needs to be loaded. * * @static * @method * @param {Mixed} [...] Data to log */ ve.log = function() { // don't do anything, this is just a stub }; /** * Logs an object to the console. * * This implementation does nothing, to add a real implmementation ve.debug needs to be loaded. * * @static * @method * @param {Object} obj Object to log */ ve.dir = function( obj ) { // don't do anything, this is just a stub }; /** * Ported from: http://underscorejs.org/underscore.js * * Returns a function, that, as long as it continues to be invoked, will not * be triggered. The function will be called after it stops being called for * N milliseconds. If `immediate` is passed, trigger the function on the * leading edge, instead of the trailing. * * @static * @method */ ve.debounce = function( func, wait, immediate ) { var timeout; return function() { var context = this, args = arguments; var later = function() { timeout = null; if ( !immediate ) { func.apply( context, args ); } }; if ( immediate && !timeout ) { func.apply( context, args ); } clearTimeout( timeout ); timeout = setTimeout( later, wait ); }; }; /** * Gets a localized message. * * If mw.msg isn't available, a basic implementation is used instead. * * @static * @method * @param {String} key Message key * @param {Mixed} [...] Message parameters */ ve.msg = typeof mw === 'object' ? mw.msg : function( key ) { if ( key in ve.msg.messages ) { // Simple message parser, does $N replacement and nothing else. var parameters = Array.prototype.slice.call( arguments, 1 ); return ve.msg.messages[key].replace( /\$(\d+)/g, function ( str, match ) { var index = parseInt( match, 10 ) - 1; return parameters[index] !== undefined ? parameters[index] : '$' + match; } ); } return '<' + key + '>'; }; /** * Map of message keys and values used by the mw.msg fallback. * * @static * @member */ ve.msg.messages = {}; /** * Map of message keys and values for special messages loaded from VisualEditorMessagesModule.php * The values are HTML. * * @static * @member */ ve.specialMessages = {};