* Following id-naming, underscore to dash
[lhc/web/wiklou.git] / resources / mediawiki / mediawiki.js
index 69e00ce..55754e2 100644 (file)
@@ -1,41 +1,42 @@
 /*
- * JavaScript backwards-compatibility and support
+ * JavaScript backwards-compatibility alternatives and convenience functions
  */
 
-// Make calling .indexOf() on an array work on older browsers
-if ( typeof Array.prototype.indexOf === 'undefined' ) { 
-       Array.prototype.indexOf = function( needle ) {
-               for ( var i = 0; i < this.length; i++ ) {
-                       if ( this[i] === needle ) {
-                               return i;
-                       }
-               }
-               return -1;
-       };
-}
-// Add array comparison functionality
-if ( typeof Array.prototype.compare === 'undefined' ) { 
-       Array.prototype.compare = function( against ) {
-               if ( this.length != against.length ) {
+jQuery.extend({
+       trimLeft : function( str ) {
+               return str == null ? '' : str.toString().replace( /^\s+/, '' );
+       },
+       trimRight : function( str ) {
+               return str == null ?
+                               '' : str.toString().replace( /\s+$/, '' );
+       },
+       ucFirst : function( str ) {
+               return str.substr( 0, 1 ).toUpperCase() + str.substr( 1, str.length );
+       },
+       escapeRE : function( str ) {
+               return str.replace ( /([\\{}()|.?*+^$\[\]])/g, "\\$1" );
+       },
+       compareArray : function( arrThis, arrAgainst ) {
+               if ( arrThis.length != arrAgainst.length ) {
                        return false;
                }
-               for ( var i = 0; i < against.length; i++ ) {
-                       if ( this[i].compare ) { 
-                               if ( !this[i].compare( against[i] ) ) {
+               for ( var i = 0; i < arrThis.length; i++ ) {
+                       if ( arrThis[i] instanceof Array ) { 
+                               if ( !$.compareArray( arrThis[i], arrAgainst[i] ) ) {
                                        return false;
                                }
-                       }
-                       if ( this[i] !== against[i] ) {
+                       } else if ( arrThis[i] !== arrAgainst[i] ) {
                                return false;
                        }
                }
                return true;
-       };
-}
+       }
+});
 
 /*
  * Core MediaWiki JavaScript Library
  */
+
 // Attach to window
 window.mediaWiki = new ( function( $ ) {
        
@@ -46,169 +47,239 @@ window.mediaWiki = new ( function( $ ) {
        
        /* Private Members */
        
-       var that = this;
+       // List of messages that have been requested to be loaded
+       var messageQueue = {};
        
        /* Prototypes */
        
-       this.prototypes = {
-               /*
-                * An object which allows single and multiple get/set/exists functionality on a list of key / value pairs
-                * 
-                * @param {boolean} global whether to get/set/exists values on the window object or a private object
-                * @param {function} parser function to perform extra processing; in the form of function( value, options )
-                * @param {function} fallback function to format default fallback; in the form of function( key )
-                * where value is the data to be parsed and options is additional data passed through to the parser
-                */
-               'map': function( global, parser, fallback ) {
-                       
-                       /* Private Members */
-                       
-                       var that = this;
-                       var values = global === true ? window : {};
-                       
-                       /* Public Methods */
-                       
-                       /**
-                        * Gets one or more values
-                        * 
-                        * If called with no arguments, all values will be returned. If a parser is in use, no parsing will take
-                        * place when calling with no arguments or calling with an array of names.
-                        * 
-                        * @param {mixed} selection string name of value to get, array of string names of values to get, or object
-                        * of name/option pairs
-                        * @param {object} options optional set of options which are also passed to a parser if in use; only used
-                        * when selection is a string
-                        * @format options
-                        *      {
-                        *              // Value to use if key does not exist
-                        *              'fallback': ''
-                        *      }
-                        */
-                       this.get = function( selection, options ) {
-                               if ( typeof selection === 'object' ) {
-                                       var results = {};
-                                       for ( var s in selection ) {
-                                               if ( selection.hasOwnProperty( s ) ) {
-                                                       if ( typeof s === 'string' ) {
-                                                               return that.get( values[s], selection[s] );
-                                                       } else {
-                                                               return that.get( selection[s] );
-                                                       }
-                                               }
-                                       }
-                                       return results;
-                               } else if ( typeof selection === 'string' ) {
-                                       if ( typeof values[selection] === 'undefined' ) {
-                                               if ( typeof options === 'object' && 'fallback' in options ) {
-                                                       return options.fallback;
-                                               } else if ( typeof fallback === 'function' ) {
-                                                       return fallback( selection );
-                                               } else {
-                                                       return null;
-                                               }
-                                       } else {
-                                               if ( typeof parser === 'function' ) {
-                                                       return parser( values[selection], options );
-                                               } else {
-                                                       return values[selection];
-                                               }
-                                       }
-                               } else {
-                                       return values;
-                               }
-                       };
-                       
-                       /**
-                        * Sets one or multiple configuration values using a key and a value or an object of keys and values
-                        * 
-                        * @param {mixed} key string of name by which value will be made accessible, or object of name/value pairs
-                        * @param {mixed} value optional value to set, only in use when key is a string
-                        */
-                       this.set = function( selection, value ) {
-                               if ( typeof selection === 'object' ) {
-                                       for ( var s in selection ) {
-                                               values[s] = selection[s];
-                                       }
-                               } else if ( typeof selection === 'string' && typeof value !== 'undefined' ) {
-                                       values[selection] = value;
+       /**
+        * An object which allows single and multiple get/set/exists functionality 
+        * on a list of key / value pairs.
+        * 
+        * @param {boolean} global Whether to get/set/exists values on the window 
+        *   object or a private object
+        */
+       function Map( global ) {
+               this.values = ( global === true ) ? window : {};
+       };
+       
+       /**
+        * Gets the value of a key, or a list of key/value pairs for an array of keys.
+        * 
+        * If called with no arguments, all values will be returned.
+        * 
+        * @param {mixed} selection Key or array of keys to get values for
+        * @param {mixed} fallback Value to use in case key(s) do not exist (optional)
+        */
+       Map.prototype.get = function( selection, fallback ) {
+               if ( typeof selection === 'object' ) {
+                       selection = $.makeArray( selection );
+                       var results = {};
+                       for ( var i = 0; i < selection.length; i++ ) {
+                               results[selection[i]] = this.get( selection[i], fallback );
+                       }
+                       return results;
+               } else if ( typeof selection === 'string' ) {
+                       if ( typeof this.values[selection] === 'undefined' ) {
+                               if ( typeof fallback !== 'undefined' ) {
+                                       return fallback;
                                }
-                       };
-                       
-                       /**
-                        * Checks if one or multiple configuration fields exist
-                        */
-                       this.exists = function( selection ) {
-                               if ( typeof keys === 'object' ) {
-                                       for ( var s = 0; s < selection.length; s++ ) {
-                                               if ( !( selection[s] in values ) ) {
-                                                       return false;
-                                               }
-                                       }
-                                       return true;
-                               } else {
-                                       return selection in values;
+                               return null;
+                       }
+                       return this.values[selection];
+               }
+               return this.values;
+       };
+       
+       /**
+        * Sets one or multiple key/value pairs.
+        * 
+        * @param {mixed} selection Key or object of key/value pairs to set
+        * @param {mixed} value Value to set (optional, only in use when key is a string)
+        */
+       Map.prototype.set = function( selection, value ) {
+               if ( typeof selection === 'object' ) {
+                       for ( var s in selection ) {
+                               this.values[s] = selection[s];
+                       }
+               } else if ( typeof selection === 'string' && typeof value !== 'undefined' ) {
+                       this.values[selection] = value;
+               }
+       };
+       
+       /**
+        * Checks if one or multiple keys exist.
+        * 
+        * @param {mixed} key Key or array of keys to check
+        * @return {boolean} Existence of key(s)
+        */
+       Map.prototype.exists = function( selection ) {
+               if ( typeof keys === 'object' ) {
+                       for ( var s = 0; s < selection.length; s++ ) {
+                               if ( !( selection[s] in this.values ) ) {
+                                       return false;
                                }
-                       };
+                       }
+                       return true;
+               } else {
+                       return selection in this.values;
+               }
+       };
+       
+       /**
+        * Message object, similar to Message in PHP 
+        */
+       function Message( map, key, parameters ) {
+               this.format = 'parse';
+               this.map = map;
+               this.key = key;
+               this.parameters = typeof parameters === 'undefined' ? [] : $.makeArray( parameters );
+       };
+       
+       /**
+        * Appends parameters for replacement
+        * 
+        * @param {mixed} args First in a list of variadic arguments to append as message parameters
+        */
+       Message.prototype.params = function( parameters ) {
+               for ( var i = 0; i < parameters.length; i++ ) {
+                       this.parameters[this.parameters.length] = parameters[i];
                }
+               return this;
        };
        
-       /* Methods */
+       /**
+        * Converts message object to it's string form based on the state of format
+        * 
+        * @return {string} String form of message
+        */
+       Message.prototype.toString = function() {
+               if ( !this.map.exists( this.key ) ) {
+                       // Return <key> if key does not exist
+                       return '<' + this.key + '>';
+               }
+               var text = this.map.get( this.key );
+               var parameters = this.parameters;
+               text = text.replace( /\$(\d+)/g, function( string, match ) {
+                       var index = parseInt( match, 10 ) - 1;
+                       return index in parameters ? parameters[index] : '$' + match;
+               } );
+               /* This should be fixed up when we have a parser
+               if ( this.format === 'parse' && 'language' in mediaWiki ) {
+                       text = mediaWiki.language.parse( text );
+               }
+               */
+               return text;
+       };
+       
+       /**
+        * Changes format to parse and converts message to string
+        * 
+        * @return {string} String form of parsed message
+        */
+       Message.prototype.parse = function() {
+               this.format = 'parse';
+               return this.toString();
+       };
+       
+       /**
+        * Changes format to plain and converts message to string
+        * 
+        * @return {string} String form of plain message
+        */
+       Message.prototype.plain = function() {
+               this.format = 'plain';
+               return this.toString();
+       };
        
+       /**
+        * Checks if message exists
+        * 
+        * @return {string} String form of parsed message
+        */
+       Message.prototype.exists = function() {
+               return this.map.exists( this.key );
+       };
+       
+       /**
+        * User object
+        */
+       function User() {
+               this.options = new Map();
+       }
+       
+       /* Public Members */
+
        /*
-        * Dummy function which in debug mode can be replaced with a function that does something clever
+        * Dummy function which in debug mode can be replaced with a function that 
+        * does something clever
         */
        this.log = function() { };
-       
+
        /*
         * List of configuration values
-        * 
+        *
         * In legacy mode the values this object wraps will be in the global space
         */
-       this.config = new this.prototypes.map( LEGACY_GLOBALS );
-       
+       this.config = new Map( LEGACY_GLOBALS );
+
        /*
         * Information about the current user
         */
-       this.user = new ( function() {
-               
-               /* Public Members */
-               
-               this.options = new that.prototypes.map();
-       } )();
+       this.user = new User();
        
        /*
-        * Basic parser, can be replaced with something more robust
+        * Localization system
         */
-       this.parser = function( text, options ) {
-               if ( typeof options === 'object' && typeof options.parameters === 'object' ) {
-                       text = text.replace( /\$(\d+)/g, function( str, match ) {
-                               var index = parseInt( match, 10 ) - 1;
-                               return index in options.parameters ? options.parameters[index] : '$' + match;
-                       } );
+       this.messages = new Map();
+       
+       /* Public Methods */
+       
+       /**
+        * Gets a message object, similar to wfMessage()
+        * 
+        * @param {string} key Key of message to get
+        * @param {mixed} params First argument in a list of variadic arguments, each a parameter for $
+        * replacement
+        */
+       this.message = function( key, parameters ) {
+               // Support variadic arguments
+               if ( typeof parameters !== 'undefined' ) {
+                       parameters = $.makeArray( arguments );
+                       parameters.shift();
+               } else {
+                       parameters = [];
                }
-               return text;
+               return new Message( mediaWiki.messages, key, parameters );
        };
        
-       /*
-        * Localization system
+       /**
+        * Gets a message string, similar to wfMsg()
+        * 
+        * @param {string} key Key of message to get
+        * @param {mixed} params First argument in a list of variadic arguments, each a parameter for $
+        * replacement
         */
-       this.msg = new that.prototypes.map( false, this.parser, function( key ) { return '<' + key + '>'; } );
+       this.msg = function( key, parameters ) {
+               return mediaWiki.message.apply( mediaWiki.message, arguments ).toString();
+       };
        
-       /*
+       /**
         * Client-side module loader which integrates with the MediaWiki ResourceLoader
         */
        this.loader = new ( function() {
-               
+
                /* Private Members */
                
-               var that = this;
-               /*
+               /**
                 * Mapping of registered modules
-                * 
-                * The jquery module is pre-registered, because it must have already been provided for this object to have
-                * been built, and in debug mode jquery would have been provided through a unique loader request, making it
-                * impossible to hold back registration of jquery until after mediawiki.
-                * 
+                *
+                * The jquery module is pre-registered, because it must have already 
+                * been provided for this object to have been built, and in debug mode 
+                * jquery would have been provided through a unique loader request, 
+                * making it impossible to hold back registration of jquery until after 
+                * mediawiki.
+                *
                 * Format:
                 *      {
                 *              'moduleName': {
@@ -232,8 +303,25 @@ window.mediaWiki = new ( function( $ ) {
                var suspended = true;
                // Flag inidicating that document ready has occured
                var ready = false;
-               
+
                /* Private Methods */
+
+               function compare( a, b ) {
+                       if ( a.length != b.length ) {
+                               return false;
+                       }
+                       for ( var i = 0; i < b.length; i++ ) {
+                               if ( $.isArray( a[i] ) ) { 
+                                       if ( !compare( a[i], b[i] ) ) {
+                                               return false;
+                                       }
+                               }
+                               if ( a[i] !== b[i] ) {
+                                       return false;
+                               }
+                       }
+                       return true;
+               };
                
                /**
                 * Generates an ISO8601 "basic" string from a UNIX timestamp
@@ -249,38 +337,41 @@ window.mediaWiki = new ( function( $ ) {
                                pad( d.getUTCHours(), d.getUTCMinutes(), d.getUTCSeconds() ), 'Z'
                        ].join( '' );
                }
-               
+
                /**
                 * Recursively resolves dependencies and detects circular references
                 */
                function recurse( module, resolved, unresolved ) {
-                       unresolved[unresolved.length] = module;
-                       // Resolves dynamic loader function and replaces it with it's own results
+                       if ( typeof registry[module] === 'undefined' ) {
+                               throw new Error( 'Unknown dependency: ' + module );
+                       }
+                       // Resolves dynamic loader function and replaces it with its own results
                        if ( typeof registry[module].dependencies === 'function' ) {
                                registry[module].dependencies = registry[module].dependencies();
-                               // Ensures the module's dependencies are always in an array 
+                               // Ensures the module's dependencies are always in an array
                                if ( typeof registry[module].dependencies !== 'object' ) {
                                        registry[module].dependencies = [registry[module].dependencies];
                                }
                        }
                        // Tracks down dependencies
                        for ( var n = 0; n < registry[module].dependencies.length; n++ ) {
-                               if ( resolved.indexOf( registry[module].dependencies[n] ) === -1 ) {
-                                       if ( unresolved.indexOf( registry[module].dependencies[n] ) !== -1 ) {
+                               if ( $.inArray( registry[module].dependencies[n], resolved ) === -1 ) {
+                                       if ( $.inArray( registry[module].dependencies[n], unresolved ) !== -1 ) {
                                                throw new Error(
-                                                       'Circular reference detected: ' + module + ' -> ' + registry[module].dependencies[n]
+                                                       'Circular reference detected: ' + module + 
+                                                       ' -> ' + registry[module].dependencies[n]
                                                );
                                        }
                                        recurse( registry[module].dependencies[n], resolved, unresolved );
                                }
                        }
                        resolved[resolved.length] = module;
-                       unresolved.splice( unresolved.indexOf( module ), 1 );
+                       unresolved.splice( $.inArray( module, unresolved ), 1 );
                }
-               
+
                /**
-                * Gets a list of modules names that a module dependencies in their proper dependency order
-                * 
+                * Gets a list of module names that a module depends on in their proper dependency order
+                *
                 * @param mixed string module name or array of string module names
                 * @return list of dependencies
                 * @throws Error if circular reference is detected
@@ -307,13 +398,15 @@ window.mediaWiki = new ( function( $ ) {
                        }
                        throw new Error( 'Invalid module argument: ' + module );
                };
-               
+
                /**
-                * Narrows a list of module names down to those matching a specific state. Possible states are 'undefined',
-                * 'registered', 'loading', 'loaded', or 'ready'
-                * 
+                * Narrows a list of module names down to those matching a specific 
+                * state. Possible states are 'undefined', 'registered', 'loading', 
+                * 'loaded', or 'ready'
+                *
                 * @param mixed string or array of strings of module states to filter by
-                * @param array list of module names to filter (optional, all modules will be used by default)
+                * @param array list of module names to filter (optional, all modules 
+                *   will be used by default)
                 * @return array list of filtered module names
                 */
                function filter( states, modules ) {
@@ -332,20 +425,27 @@ window.mediaWiki = new ( function( $ ) {
                        // Build a list of modules which are in one of the specified states
                        for ( var s = 0; s < states.length; s++ ) {
                                for ( var m = 0; m < modules.length; m++ ) {
-                                       if (
-                                               ( states[s] == 'undefined' && typeof registry[modules[m]] === 'undefined' ) ||
-                                               ( typeof registry[modules[m]] === 'object' && registry[modules[m]].state === states[s] )
-                                       ) {
-                                               list[list.length] = modules[m];
+                                       if ( typeof registry[modules[m]] === 'undefined' ) {
+                                               // Module does not exist
+                                               if ( states[s] == 'undefined' ) {
+                                                       // OK, undefined
+                                                       list[list.length] = modules[m];
+                                               }
+                                       } else {
+                                               // Module exists, check state
+                                               if ( registry[modules[m]].state === states[s] ) {
+                                                       // OK, correct state
+                                                       list[list.length] = modules[m];
+                                               }
                                        }
                                }
                        }
                        return list;
                }
-               
+
                /**
                 * Executes a loaded module, making it ready to use
-                * 
+                *
                 * @param string module name to execute
                 */
                function execute( module ) {
@@ -360,17 +460,24 @@ window.mediaWiki = new ( function( $ ) {
                        }
                        // Add style sheet to document
                        if ( typeof registry[module].style === 'string' && registry[module].style.length ) {
-                               $( 'head' ).append( '<style type="text/css">' + registry[module].style + '</style>' );
-                       } else if ( typeof registry[module].style === 'object' && !( registry[module].style instanceof Array ) ) {
+                               $( 'head' )
+                                       .append( mediaWiki.html.element( 'style',
+                                               { type: "text/css" },
+                                               new mediaWiki.html.Cdata( registry[module].style )
+                                       ) );
+                       } else if ( typeof registry[module].style === 'object' 
+                               && !( registry[module].style instanceof Array ) ) 
+                       {
                                for ( var media in registry[module].style ) {
-                                       $( 'head' ).append(
-                                               '<style type="text/css" media="' + media + '">' + registry[module].style[media] + '</style>'
-                                       );
+                                       $( 'head' ).append( mediaWiki.html.element( 'style', 
+                                               { type: 'text/css', media: media },
+                                               new mediaWiki.html.Cdata( registry[module].style[media] )
+                                       ) );
                                }
                        }
                        // Add localizations to message system
                        if ( typeof registry[module].messages === 'object' ) {
-                               mediaWiki.msg.set( registry[module].messages );
+                               mediaWiki.messages.set( registry[module].messages );
                        }
                        // Execute script
                        try {
@@ -378,7 +485,10 @@ window.mediaWiki = new ( function( $ ) {
                                registry[module].state = 'ready';
                                // Run jobs who's dependencies have just been met
                                for ( var j = 0; j < jobs.length; j++ ) {
-                                       if ( filter( 'ready', jobs[j].dependencies ).compare( jobs[j].dependencies ) ) {
+                                       if ( compare(
+                                               filter( 'ready', jobs[j].dependencies ), 
+                                               jobs[j].dependencies ) ) 
+                                       {
                                                if ( typeof jobs[j].ready === 'function' ) {
                                                        jobs[j].ready();
                                                }
@@ -389,7 +499,10 @@ window.mediaWiki = new ( function( $ ) {
                                // Execute modules who's dependencies have just been met
                                for ( r in registry ) {
                                        if ( registry[r].state == 'loaded' ) {
-                                               if ( filter( ['ready'], registry[r].dependencies ).compare( registry[r].dependencies ) ) {
+                                               if ( compare( 
+                                                       filter( ['ready'], registry[r].dependencies ), 
+                                                       registry[r].dependencies ) ) 
+                                               {
                                                        execute( r );
                                                }
                                        }
@@ -397,10 +510,10 @@ window.mediaWiki = new ( function( $ ) {
                        } catch ( e ) {
                                mediaWiki.log( 'Exception thrown by ' + module + ': ' + e.message );
                                mediaWiki.log( e );
-                               registry[module].state = 'error';                               
+                               registry[module].state = 'error';
                                // Run error callbacks of jobs affected by this condition
                                for ( var j = 0; j < jobs.length; j++ ) {
-                                       if ( jobs[j].dependencies.indexOf( module ) !== -1 ) {
+                                       if ( $.inArray( module, jobs[j].dependencies ) !== -1 ) {
                                                if ( typeof jobs[j].error === 'function' ) {
                                                        jobs[j].error();
                                                }
@@ -410,10 +523,11 @@ window.mediaWiki = new ( function( $ ) {
                                }
                        }
                }
-               
+
                /**
-                * Adds a dependencies to the queue with optional callbacks to be run when the dependencies are ready or fail
-                * 
+                * Adds a dependencies to the queue with optional callbacks to be run 
+                * when the dependencies are ready or fail
+                *
                 * @param mixed string moulde name or array of string module names
                 * @param function ready callback to execute when all dependencies are ready
                 * @param function error callback to execute when any dependency fails
@@ -424,14 +538,17 @@ window.mediaWiki = new ( function( $ ) {
                                dependencies = [dependencies];
                                if ( dependencies[0] in registry ) {
                                        for ( var n = 0; n < registry[dependencies[0]].dependencies.length; n++ ) {
-                                               dependencies[dependencies.length] = registry[dependencies[0]].dependencies[n];
+                                               dependencies[dependencies.length] = 
+                                                       registry[dependencies[0]].dependencies[n];
                                        }
                                }
                        }
                        // Add ready and error callbacks if they were given
                        if ( arguments.length > 1 ) {
                                jobs[jobs.length] = {
-                                       'dependencies': filter( ['undefined', 'registered', 'loading', 'loaded'], dependencies ),
+                                       'dependencies': filter( 
+                                               ['undefined', 'registered', 'loading', 'loaded'], 
+                                               dependencies ),
                                        'ready': ready,
                                        'error': error
                                };
@@ -439,14 +556,14 @@ window.mediaWiki = new ( function( $ ) {
                        // Queue up any dependencies that are undefined or registered
                        dependencies = filter( ['undefined', 'registered'], dependencies );
                        for ( var n = 0; n < dependencies.length; n++ ) {
-                               if ( queue.indexOf( dependencies[n] ) === -1 ) {
+                               if ( $.inArray( dependencies[n], queue ) === -1 ) {
                                        queue[queue.length] = dependencies[n];
                                }
                        }
                        // Work the queue
-                       that.work();
+                       mediaWiki.loader.work();
                }
-               
+
                function sortQuery(o) {
                        var sorted = {}, key, a = [];
                        for ( key in o ) {
@@ -460,9 +577,9 @@ window.mediaWiki = new ( function( $ ) {
                        }
                        return sorted;
                }
-               
+
                /* Public Methods */
-               
+
                /**
                 * Requests dependencies from server, loading and executing when things when ready.
                 */
@@ -472,7 +589,7 @@ window.mediaWiki = new ( function( $ ) {
                                // Only request modules which are undefined or registered
                                if ( !( queue[q] in registry ) || registry[queue[q]].state == 'registered' ) {
                                        // Prevent duplicate entries
-                                       if ( batch.indexOf( queue[q] ) === -1 ) {
+                                       if ( $.inArray( queue[q], batch ) === -1 ) {
                                                batch[batch.length] = queue[q];
                                                // Mark registered modules as loading
                                                if ( queue[q] in registry ) {
@@ -485,7 +602,8 @@ window.mediaWiki = new ( function( $ ) {
                        queue = [];
                        // After document ready, handle the batch
                        if ( !suspended && batch.length ) {
-                               // Always order modules alphabetically to help reduce cache misses for otherwise identical content
+                               // Always order modules alphabetically to help reduce cache 
+                               // misses for otherwise identical content
                                batch.sort();
                                // Build a list of request parameters
                                var base = {
@@ -516,9 +634,11 @@ window.mediaWiki = new ( function( $ ) {
                                                { 'modules': groups[group].join( '|' ), 'version': formatVersionNumber( version ) }, base
                                        );
                                }
-                               // Clear the batch - this MUST happen before we append the script element to the body or it's
-                               // possible that the script will be locally cached, instantly load, and work the batch again,
-                               // all before we've cleared it causing each request to include modules which are already loaded
+                               // Clear the batch - this MUST happen before we append the 
+                               // script element to the body or it's possible that the script 
+                               // will be locally cached, instantly load, and work the batch 
+                               // again, all before we've cleared it causing each request to 
+                               // include modules which are already loaded
                                batch = [];
                                // Asynchronously append a script tag to the end of the body
                                function request() {
@@ -527,31 +647,32 @@ window.mediaWiki = new ( function( $ ) {
                                                requests[r] = sortQuery( requests[r] );
                                                // Build out the HTML
                                                var src = mediaWiki.config.get( 'wgLoadScript' ) + '?' + $.param( requests[r] );
-                                               html += '<script type="text/javascript" src="' + src + '"></script>';
+                                               html += mediaWiki.html.element( 'script', 
+                                                       { type: 'text/javascript', src: src }, '' );
                                        }
                                        return html;
                                }
                                // Load asynchronously after doumument ready
                                if ( ready ) {
-                                       setTimeout(  function() { $( 'body' ).append( request() ); }, 0 )
+                                       setTimeout( function() { $( 'body' ).append( request() ); }, 0 )
                                } else {
                                        document.write( request() );
                                }
                        }
                };
-               
+
                /**
-                * Registers a module, letting the system know about it and it's dependencies. loader.js files contain calls
-                * to this function.
+                * Registers a module, letting the system know about it and it
+                * dependencies. loader.js files contain calls to this function.
                 */
                this.register = function( module, version, dependencies, group ) {
                        // Allow multiple registration
                        if ( typeof module === 'object' ) {
                                for ( var m = 0; m < module.length; m++ ) {
                                        if ( typeof module[m] === 'string' ) {
-                                               that.register( module[m] );
+                                               mediaWiki.loader.register( module[m] );
                                        } else if ( typeof module[m] === 'object' ) {
-                                               that.register.apply( that, module[m] );
+                                               mediaWiki.loader.register.apply( mediaWiki.loader, module[m] );
                                        }
                                }
                                return;
@@ -574,55 +695,70 @@ window.mediaWiki = new ( function( $ ) {
                                // Allow dependencies to be given as a single module name
                                registry[module].dependencies = [dependencies];
                        } else if ( typeof dependencies === 'object' || typeof dependencies === 'function' ) {
-                               // Allow dependencies to be given as an array of module names or a function which returns an array
+                               // Allow dependencies to be given as an array of module names 
+                               // or a function which returns an array
                                registry[module].dependencies = dependencies;
                        }
                };
-               
+
                /**
-                * Implements a module, giving the system a course of action to take upon loading. Results of a request for
-                * one or more modules contain calls to this function.
+                * Implements a module, giving the system a course of action to take 
+                * upon loading. Results of a request for one or more modules contain 
+                * calls to this function.
                 */
                this.implement = function( module, script, style, localization ) {
-                       // Automaically register module
+                       // Automatically register module
                        if ( typeof registry[module] === 'undefined' ) {
-                               that.register( module );
+                               mediaWiki.loader.register( module );
                        }
                        // Validate input
                        if ( typeof script !== 'function' ) {
                                throw new Error( 'script must be a function, not a ' + typeof script );
                        }
-                       if ( typeof style !== 'undefined' && typeof style !== 'string' && typeof style !== 'object' ) {
+                       if ( typeof style !== 'undefined' 
+                               && typeof style !== 'string' 
+                               && typeof style !== 'object' ) 
+                       {
                                throw new Error( 'style must be a string or object, not a ' + typeof style );
                        }
-                       if ( typeof localization !== 'undefined' && typeof localization !== 'object' ) {
+                       if ( typeof localization !== 'undefined' 
+                               && typeof localization !== 'object' ) 
+                       {
                                throw new Error( 'localization must be an object, not a ' + typeof localization );
                        }
-                       if ( typeof registry[module] !== 'undefined' && typeof registry[module].script !== 'undefined' ) {
+                       if ( typeof registry[module] !== 'undefined' 
+                               && typeof registry[module].script !== 'undefined' ) 
+                       {
                                throw new Error( 'module already implemeneted: ' + module );
                        }
                        // Mark module as loaded
                        registry[module].state = 'loaded';
                        // Attach components
                        registry[module].script = script;
-                       if ( typeof style === 'string' || typeof style === 'object' && !( style instanceof Array ) ) {
+                       if ( typeof style === 'string' 
+                               || typeof style === 'object' && !( style instanceof Array ) ) 
+                       {
                                registry[module].style = style;
                        }
                        if ( typeof localization === 'object' ) {
                                registry[module].messages = localization;
                        }
                        // Execute or queue callback
-                       if ( filter( ['ready'], registry[module].dependencies ).compare( registry[module].dependencies ) ) {
+                       if ( compare( 
+                               filter( ['ready'], registry[module].dependencies ), 
+                               registry[module].dependencies ) ) 
+                       {
                                execute( module );
                        } else {
                                request( module );
                        }
                };
-               
+
                /**
                 * Executes a function as soon as one or more required modules are ready
-                * 
-                * @param mixed string or array of strings of modules names the callback dependencies to be ready before
+                *
+                * @param mixed string or array of strings of modules names the callback 
+                *   dependencies to be ready before
                 * executing
                 * @param function callback to execute when all dependencies are ready (optional)
                 * @param function callback to execute when if dependencies have a errors (optional)
@@ -630,7 +766,8 @@ window.mediaWiki = new ( function( $ ) {
                this.using = function( dependencies, ready, error ) {
                        // Validate input
                        if ( typeof dependencies !== 'object' && typeof dependencies !== 'string' ) {
-                               throw new Error( 'dependencies must be a string or an array, not a ' + typeof dependencies )
+                               throw new Error( 'dependencies must be a string or an array, not a ' + 
+                                       typeof dependencies )
                        }
                        // Allow calling with a single dependency as a string
                        if ( typeof dependencies === 'string' ) {
@@ -639,7 +776,7 @@ window.mediaWiki = new ( function( $ ) {
                        // Resolve entire dependency map
                        dependencies = resolve( dependencies );
                        // If all dependencies are met, execute ready immediately
-                       if ( filter( ['ready'], dependencies ).compare( dependencies ) ) {
+                       if ( compare( filter( ['ready'], dependencies ), dependencies ) ) {
                                if ( typeof ready === 'function' ) {
                                        ready();
                                }
@@ -655,32 +792,42 @@ window.mediaWiki = new ( function( $ ) {
                                request( dependencies, ready, error );
                        }
                };
-               
+
                /**
                 * Loads an external script or one or more modules for future use
-                * 
-                * @param {mixed} modules either the name of a module, array of modules, or a URL of an external script or style
-                * @param {string} type mime-type to use if calling with a URL of an external script or style; acceptable values
-                * are "text/css" and "text/javascript"; if no type is provided, text/javascript is assumed
+                *
+                * @param {mixed} modules either the name of a module, array of modules, 
+                *   or a URL of an external script or style
+                * @param {string} type mime-type to use if calling with a URL of an 
+                *   external script or style; acceptable values are "text/css" and 
+                *   "text/javascript"; if no type is provided, text/javascript is 
+                *   assumed
                 */
                this.load = function( modules, type ) {
                        // Validate input
                        if ( typeof modules !== 'object' && typeof modules !== 'string' ) {
-                               throw new Error( 'dependencies must be a string or an array, not a ' + typeof dependencies )
+                               throw new Error( 'dependencies must be a string or an array, not a ' + 
+                                       typeof dependencies )
                        }
                        // Allow calling with an external script or single dependency as a string
                        if ( typeof modules === 'string' ) {
                                // Support adding arbitrary external scripts
-                               if ( modules.substr( 0, 7 ) == 'http://' || modules.substr( 0, 8 ) == 'https://' ) {
+                               if ( modules.substr( 0, 7 ) == 'http://' 
+                                       || modules.substr( 0, 8 ) == 'https://' ) 
+                               {
                                        if ( type === 'text/css' ) {
-                                               setTimeout(  function() {
-                                                       $( 'head' ).append( '<link rel="stylesheet" type="text/css" />' ).attr( 'href', modules );
-                                               }, 0 );
+                                               $( 'head' )
+                                                       .append( $( '<link rel="stylesheet" type="text/css" />' )
+                                                       .attr( 'href', modules ) );
                                                return true;
                                        } else if ( type === 'text/javascript' || typeof type === 'undefined' ) {
-                                               setTimeout(  function() {
-                                                       $( 'body' ).append( '<script type="text/javascript"></script>'  ).attr( 'src', modules )
-                                               }, 0 );
+                                               var script = mediaWiki.html.element( 'script', 
+                                                       { type: 'text/javascript', src: modules }, '' );
+                                               if ( ready ) {
+                                                       $( 'body' ).append( script );
+                                               } else {
+                                                       document.write( script );
+                                               }
                                                return true;
                                        }
                                        // Unknown type
@@ -692,7 +839,7 @@ window.mediaWiki = new ( function( $ ) {
                        // Resolve entire dependency map
                        modules = resolve( modules );
                        // If all modules are ready, nothing dependency be done
-                       if ( filter( ['ready'], modules ).compare( modules ) ) {
+                       if ( compare( filter( ['ready'], modules ), modules ) ) {
                                return true;
                        }
                        // If any modules have errors return false
@@ -705,37 +852,37 @@ window.mediaWiki = new ( function( $ ) {
                                return true;
                        }
                };
-               
+
                /**
                 * Flushes the request queue and begin executing load requests on demand
                 */
                this.go = function() {
                        suspended = false;
-                       that.work();
+                       mediaWiki.loader.work();
                };
-               
+
                /**
                 * Changes the state of a module
-                * 
+                *
                 * @param mixed module string module name or object of module name/state pairs
                 * @param string state string state name
                 */
                this.state = function( module, state ) {
                        if ( typeof module === 'object' ) {
                                for ( var m in module ) {
-                                       that.state( m, module[m] );
+                                       mediaWiki.loader.state( m, module[m] );
                                }
                                return;
                        }
                        if ( !( module in registry ) ) {
-                               that.register( module );
+                               mediaWiki.loader.register( module );
                        }
                        registry[module].state = state;
                };
-               
+
                /**
                 * Gets the version of a module
-                * 
+                *
                 * @param string module name of module to get version for
                 */
                this.version = function( module ) {
@@ -744,17 +891,107 @@ window.mediaWiki = new ( function( $ ) {
                        }
                        return null;
                }
-               
+
                /* Cache document ready status */
-               
+
                $(document).ready( function() { ready = true; } );
        } )();
-       
+
+       /** HTML construction helper functions */
+       this.html = new ( function () {
+               function escapeCallback( s ) {
+                       switch ( s ) {
+                               case "'":
+                                       return '&#039;';
+                               case '"':
+                                       return '&quot;';
+                               case '<':
+                                       return '&lt;';
+                               case '>':
+                                       return '&gt;';
+                               case '&':
+                                       return '&amp;';
+                       }
+               }
+
+               /**
+                * Escape a string for HTML. Converts special characters to HTML entities.
+                * @param s The string to escape
+                */
+               this.escape = function( s ) {
+                       return s.replace( /['"<>&]/g, escapeCallback );
+               };
+
+               /**
+                * Wrapper object for raw HTML passed to mediaWiki.html.element(). 
+                */
+               this.Raw = function( value ) {
+                       this.value = value;
+               };
+
+               /**
+                * Wrapper object for CDATA element contents passed to mediaWiki.html.element()
+                */
+               this.Cdata = function( value ) {
+                       this.value = value;
+               }
+
+               /**
+                * Create an HTML element string, with safe escaping.
+                *
+                * @param name The tag name.
+                * @param attrs An object with members mapping element names to values
+                * @param contents The contents of the element. May be either:
+                *    - string: The string is escaped.
+                *    - null or undefined: The short closing form is used, e.g. <br/>.
+                *    - this.Raw: The value attribute is included without escaping.
+                *    - this.Cdata: The value attribute is included, and an exception is 
+                *      thrown if it contains an illegal ETAGO delimiter. 
+                *      See http://www.w3.org/TR/1999/REC-html401-19991224/appendix/notes.html#h-B.3.2
+                *
+                * Example:
+                *    var h = mediaWiki.html;
+                *    return h.element( 'div', {}, 
+                *        new h.Raw( h.element( 'img', {src: '<'} ) ) );
+                * Returns <div><img src="&lt;"/></div>
+                */
+               this.element = function( name, attrs, contents ) {
+                       var s = '<' + name;
+                       for ( attrName in attrs ) {
+                               s += ' ' + attrName + '="' + this.escape( attrs[attrName] ) + '"';
+                       }
+                       if ( typeof contents == 'undefined' || contents === null ) {
+                               // Self close tag
+                               s += '/>';
+                               return s;
+                       }
+                       // Regular open tag
+                       s += '>';
+                       if (typeof contents === 'string') {
+                               // Escaped
+                               s += this.escape( contents );
+                       } else if ( contents instanceof this.Raw ) {
+                               // Raw HTML inclusion
+                               s += contents.value;
+                       } else if ( contents instanceof this.Cdata ) {
+                               // CDATA
+                               if ( /<\/[a-zA-z]/.test( contents.value ) ) {
+                                       throw new Error( 'mw.html.element: Illegal end tag found in CDATA' );
+                               }
+                               s += contents.value;
+                       } else {
+                               throw new Error( 'mw.html.element: Invalid type of contents' );
+                       }
+                       s += '</' + name + '>';
+                       return s;
+               };
+       } )();
+
+
        /* Extension points */
-       
-       this.util = {};
+
        this.legacy = {};
-       
+
 } )( jQuery );
 
 /* Auto-register from pre-loaded startup scripts */
@@ -766,3 +1003,4 @@ if ( typeof startUp === 'function' ) {
 
 // Alias $j to jQuery for backwards compatibility
 window.$j = jQuery;
+window.mw = mediaWiki;