]> scripts.mit.edu Git - autoinstalls/wordpress.git/blobdiff - wp-includes/js/autosave.js
WordPress 3.9-scripts
[autoinstalls/wordpress.git] / wp-includes / js / autosave.js
index 7e1d0aa871bfdec2ab342928fd9b6961b173657d..def54298ebc05d03b997a3821b0c9f5f8d573ca9 100644 (file)
-var autosaveLast = '';
-var autosavePeriodical;
-var autosaveOldMessage = '';
-var autosaveDelayPreview = false;
-var autosaveFirst = true;
-
-jQuery(function($) {
-       autosaveLast = $('#post #title').val()+$('#post #content').val();
-       autosavePeriodical = $.schedule({time: autosaveL10n.autosaveInterval * 1000, func: function() { autosave(); }, repeat: true, protect: true});
-
-       //Disable autosave after the form has been submitted
-       $("#post").submit(function() { $.cancel(autosavePeriodical); });
-});
-
-function autosave_parse_response(response) {
-       var res = wpAjax.parseAjaxResponse(response, 'autosave'); // parse the ajax response
-       var message = '';
-
-       if ( res && res.responses && res.responses.length ) {
-               message = res.responses[0].data; // The saved message or error.
-               // someone else is editing: disable autosave, set errors
-               if ( res.responses[0].supplemental ) {
-                       if ( 'disable' == res.responses[0].supplemental['disable_autosave'] ) {
-                               autosave = function() {};
-                               res = { errors: true };
-                       }
-                       jQuery.each(res.responses[0].supplemental, function(selector, value) {
-                               if ( selector.match(/^replace-/) ) {
-                                       jQuery('#'+selector.replace('replace-', '')).val(value);
-                               }
+/* global tinymce, wpCookies, autosaveL10n, switchEditors */
+// Back-compat
+window.autosave = function() {
+       return true;
+};
+
+( function( $, window ) {
+       function autosave() {
+               var initialCompareString,
+               lastTriggerSave = 0,
+               $document = $(document);
+
+               /**
+                * Returns the data saved in both local and remote autosave
+                *
+                * @return object Object containing the post data
+                */
+               function getPostData( type ) {
+                       var post_name, parent_id, data,
+                               time = ( new Date() ).getTime(),
+                               cats = [],
+                               editor = typeof tinymce !== 'undefined' && tinymce.get('content');
+
+                       // Don't run editor.save() more often than every 3 sec.
+                       // It is resource intensive and might slow down typing in long posts on slow devices.
+                       if ( editor && ! editor.isHidden() && time - 3000 > lastTriggerSave ) {
+                               editor.save();
+                               lastTriggerSave = time;
+                       }
+
+                       data = {
+                               post_id: $( '#post_ID' ).val() || 0,
+                               post_type: $( '#post_type' ).val() || '',
+                               post_author: $( '#post_author' ).val() || '',
+                               post_title: $( '#title' ).val() || '',
+                               content: $( '#content' ).val() || '',
+                               excerpt: $( '#excerpt' ).val() || ''
+                       };
+
+                       if ( type === 'local' ) {
+                               return data;
+                       }
+
+                       $( 'input[id^="in-category-"]:checked' ).each( function() {
+                               cats.push( this.value );
                        });
+                       data.catslist = cats.join(',');
+
+                       if ( post_name = $( '#post_name' ).val() ) {
+                               data.post_name = post_name;
+                       }
+
+                       if ( parent_id = $( '#parent_id' ).val() ) {
+                               data.parent_id = parent_id;
+                       }
+
+                       if ( $( '#comment_status' ).prop( 'checked' ) ) {
+                               data.comment_status = 'open';
+                       }
+
+                       if ( $( '#ping_status' ).prop( 'checked' ) ) {
+                               data.ping_status = 'open';
+                       }
+
+                       if ( $( '#auto_draft' ).val() === '1' ) {
+                               data.auto_draft = '1';
+                       }
+
+                       return data;
                }
 
-               // if no errors: add slug UI
-               if ( !res.errors ) {
-                       var postID = parseInt( res.responses[0].id );
-                       if ( !isNaN(postID) && postID > 0 ) {
-                               autosave_update_slug(postID);
+               // Concatenate title, content and excerpt. Used to track changes when auto-saving.
+               function getCompareString( postData ) {
+                       if ( typeof postData === 'object' ) {
+                               return ( postData.post_title || '' ) + '::' + ( postData.content || '' ) + '::' + ( postData.excerpt || '' );
                        }
+
+                       return ( $('#title').val() || '' ) + '::' + ( $('#content').val() || '' ) + '::' + ( $('#excerpt').val() || '' );
                }
-       }
-       if ( message ) { jQuery('#autosave').html(message); } // update autosave message
-       else if ( autosaveOldMessage && res ) { jQuery('#autosave').html( autosaveOldMessage ); }
-       return res;
-}
-
-// called when autosaving pre-existing post
-function autosave_saved(response) {
-       autosave_parse_response(response); // parse the ajax response
-       autosave_enable_buttons(); // re-enable disabled form buttons
-}
-
-// called when autosaving new post
-function autosave_saved_new(response) {
-       var res = autosave_parse_response(response); // parse the ajax response
-       // if no errors: update post_ID from the temporary value, grab new save-nonce for that new ID
-       if ( res && res.responses.length && !res.errors ) {
-               var tempID = jQuery('#post_ID').val();
-               var postID = parseInt( res.responses[0].id );
-               autosave_update_post_ID( postID ); // disabled form buttons are re-enabled here
-               if ( tempID < 0 && postID > 0 ) // update media buttons
-                       jQuery('#media-buttons a').each(function(){
-                               this.href = this.href.replace(tempID, postID);
-                       });
-               // activate preview
-               autosaveFirst = false;
-               if ( autosaveDelayPreview )
-                       jQuery('#post-preview').click();
-       } else {
-               autosave_enable_buttons(); // re-enable disabled form buttons
-       }
-}
-
-function autosave_update_post_ID( postID ) {
-       if ( !isNaN(postID) && postID > 0 ) {
-               if ( postID == parseInt(jQuery('#post_ID').val()) ) { return; } // no need to do this more than once
-               jQuery('#post_ID').attr({name: "post_ID"});
-               jQuery('#post_ID').val(postID);
-               // We need new nonces
-               jQuery.post(autosaveL10n.requestFile, {
-                       action: "autosave-generate-nonces",
-                       post_ID: postID,
-                       autosavenonce: jQuery('#autosavenonce').val(),
-                       post_type: jQuery('#post_type').val()
-               }, function(html) {
-                       jQuery('#_wpnonce').val(html);
-                       autosave_enable_buttons(); // re-enable disabled form buttons
-               });
-               jQuery('#hiddenaction').val('editpost');
-       }
-}
-
-function autosave_update_slug(post_id) {
-       // create slug area only if not already there
-       if ( jQuery.isFunction(make_slugedit_clickable) && !jQuery('#edit-slug-box > *').size() ) {
-               jQuery.post(
-                       slugL10n.requestFile,
-                       {
-                               action: 'sample-permalink',
-                               post_id: post_id,
-                               new_title: jQuery('#title').val(),
-                               samplepermalinknonce: jQuery('#samplepermalinknonce').val()
-                       },
-                       function(data) {
-                               jQuery('#edit-slug-box').html(data);
-                               make_slugedit_clickable();
-                       }
-               );
-       }
-}
-
-function autosave_loading() {
-       jQuery('#autosave').html(autosaveL10n.savingText);
-}
-
-function autosave_enable_buttons() {
-       jQuery(".submitbox :button:disabled, .submitbox :submit:disabled").attr('disabled', '');
-}
-
-function autosave_disable_buttons() {
-       jQuery(".submitbox :button:enabled, .submitbox :submit:enabled").attr('disabled', 'disabled');
-       setTimeout(autosave_enable_buttons, 5000); // Re-enable 5 sec later.  Just gives autosave a head start to avoid collisions.
-}
-
-var autosave = function() {
-       // (bool) is rich editor enabled and active
-       var rich = (typeof tinyMCE != "undefined") && tinyMCE.activeEditor && !tinyMCE.activeEditor.isHidden();
-       var post_data = {
-               action: "autosave",
-               post_ID:  jQuery("#post_ID").val() || 0,
-               post_title: jQuery("#title").val() || "",
-               autosavenonce: jQuery('#autosavenonce').val(),
-               tags_input: jQuery("#tags-input").val() || "",
-               post_type: jQuery('#post_type').val() || "",
-               autosave: 1
-       };
-
-       // We always send the ajax request in order to keep the post lock fresh.
-       // This (bool) tells whether or not to write the post to the DB during the ajax request.
-       var doAutoSave = true;
-
-       // No autosave while thickbox is open (media buttons)
-       if ( jQuery("#TB_window").css('display') == 'block' )
-               doAutoSave = false;
-
-       /* Gotta do this up here so we can check the length when tinyMCE is in use */
-       if ( rich ) {
-               var ed = tinyMCE.activeEditor;
-               if ( 'mce_fullscreen' == ed.id )
-                       tinyMCE.get('content').setContent(ed.getContent({format : 'raw'}), {format : 'raw'});
-               tinyMCE.get('content').save();
-       }
 
-       post_data["content"] = jQuery("#content").val();
-       if ( jQuery('#post_name').val() )
-               post_data["post_name"] = jQuery('#post_name').val();
+               function disableButtons() {
+                       $document.trigger('autosave-disable-buttons');
+                       // Re-enable 5 sec later. Just gives autosave a head start to avoid collisions.
+                       setTimeout( enableButtons, 5000 );
+               }
 
-       // Nothing to save or no change.
-       if( (post_data["post_title"].length==0 && post_data["content"].length==0) || post_data["post_title"] + post_data["content"] == autosaveLast) {
-               doAutoSave = false
-       }
+               function enableButtons() {
+                       $document.trigger( 'autosave-enable-buttons' );
+               }
 
-       autosave_disable_buttons();
-
-       var origStatus = jQuery('#original_post_status').val();
-
-       autosaveLast = jQuery("#title").val()+jQuery("#content").val();
-       goodcats = ([]);
-       jQuery("[@name='post_category[]']:checked").each( function(i) {
-               goodcats.push(this.value);
-       } );
-       post_data["catslist"] = goodcats.join(",");
-
-       if ( jQuery("#comment_status").attr("checked") )
-               post_data["comment_status"] = 'open';
-       if ( jQuery("#ping_status").attr("checked") )
-               post_data["ping_status"] = 'open';
-       if ( jQuery("#excerpt").size() )
-               post_data["excerpt"] = jQuery("#excerpt").val();
-       if ( jQuery("#post_author").size() )
-               post_data["post_author"] = jQuery("#post_author").val();
-       post_data["user_ID"] = jQuery("#user-id").val();
-
-       // Don't run while the TinyMCE spellcheck is on.  Why?  Who knows.
-       if ( rich && tinyMCE.activeEditor.plugins.spellchecker && tinyMCE.activeEditor.plugins.spellchecker.active ) {
-               doAutoSave = false;
-       }
+               // Autosave in localStorage
+               function autosaveLocal() {
+                       var restorePostData, undoPostData, blog_id, post_id, hasStorage, intervalTimer,
+                               lastCompareString,
+                               isSuspended = false;
 
-       if(parseInt(post_data["post_ID"]) < 1) {
-               post_data["temp_ID"] = post_data["post_ID"];
-               var successCallback = autosave_saved_new; // new post
-       } else {
-               var successCallback = autosave_saved; // pre-existing post
-       }
+                       // Check if the browser supports sessionStorage and it's not disabled
+                       function checkStorage() {
+                               var test = Math.random().toString(),
+                                       result = false;
+
+                               try {
+                                       window.sessionStorage.setItem( 'wp-test', test );
+                                       result = window.sessionStorage.getItem( 'wp-test' ) === test;
+                                       window.sessionStorage.removeItem( 'wp-test' );
+                               } catch(e) {}
+
+                               hasStorage = result;
+                               return result;
+                       }
+
+                       /**
+                        * Initialize the local storage
+                        *
+                        * @return mixed False if no sessionStorage in the browser or an Object containing all postData for this blog
+                        */
+                       function getStorage() {
+                               var stored_obj = false;
+                               // Separate local storage containers for each blog_id
+                               if ( hasStorage && blog_id ) {
+                                       stored_obj = sessionStorage.getItem( 'wp-autosave-' + blog_id );
+
+                                       if ( stored_obj ) {
+                                               stored_obj = JSON.parse( stored_obj );
+                                       } else {
+                                               stored_obj = {};
+                                       }
+                               }
+
+                               return stored_obj;
+                       }
+
+                       /**
+                        * Set the storage for this blog
+                        *
+                        * Confirms that the data was saved successfully.
+                        *
+                        * @return bool
+                        */
+                       function setStorage( stored_obj ) {
+                               var key;
+
+                               if ( hasStorage && blog_id ) {
+                                       key = 'wp-autosave-' + blog_id;
+                                       sessionStorage.setItem( key, JSON.stringify( stored_obj ) );
+                                       return sessionStorage.getItem( key ) !== null;
+                               }
+
+                               return false;
+                       }
+
+                       /**
+                        * Get the saved post data for the current post
+                        *
+                        * @return mixed False if no storage or no data or the postData as an Object
+                        */
+                       function getSavedPostData() {
+                               var stored = getStorage();
+
+                               if ( ! stored || ! post_id ) {
+                                       return false;
+                               }
+
+                               return stored[ 'post_' + post_id ] || false;
+                       }
+
+                       /**
+                        * Set (save or delete) post data in the storage.
+                        *
+                        * If stored_data evaluates to 'false' the storage key for the current post will be removed
+                        *
+                        * $param stored_data The post data to store or null/false/empty to delete the key
+                        * @return bool
+                        */
+                       function setData( stored_data ) {
+                               var stored = getStorage();
+
+                               if ( ! stored || ! post_id ) {
+                                       return false;
+                               }
+
+                               if ( stored_data ) {
+                                       stored[ 'post_' + post_id ] = stored_data;
+                               } else if ( stored.hasOwnProperty( 'post_' + post_id ) ) {
+                                       delete stored[ 'post_' + post_id ];
+                               } else {
+                                       return false;
+                               }
+
+                               return setStorage( stored );
+                       }
+
+                       function suspend() {
+                               isSuspended = true;
+                       }
+
+                       function resume() {
+                               isSuspended = false;
+                       }
+
+                       /**
+                        * Save post data for the current post
+                        *
+                        * Runs on a 15 sec. interval, saves when there are differences in the post title or content.
+                        * When the optional data is provided, updates the last saved post data.
+                        *
+                        * $param data optional Object The post data for saving, minimum 'post_title' and 'content'
+                        * @return bool
+                        */
+                       function save( data ) {
+                               var postData, compareString,
+                                       result = false;
+
+                               if ( isSuspended ) {
+                                       return false;
+                               }
+
+                               if ( data ) {
+                                       postData = getSavedPostData() || {};
+                                       $.extend( postData, data );
+                               } else {
+                                       postData = getPostData('local');
+                               }
+
+                               compareString = getCompareString( postData );
+
+                               if ( typeof lastCompareString === 'undefined' ) {
+                                       lastCompareString = initialCompareString;
+                               }
+
+                               // If the content, title and excerpt did not change since the last save, don't save again
+                               if ( compareString === lastCompareString ) {
+                                       return false;
+                               }
+
+                               postData.save_time = ( new Date() ).getTime();
+                               postData.status = $( '#post_status' ).val() || '';
+                               result = setData( postData );
+
+                               if ( result ) {
+                                       lastCompareString = compareString;
+                               }
+
+                               return result;
+                       }
+
+                       // Run on DOM ready
+                       function run() {
+                               post_id = $('#post_ID').val() || 0;
+
+                               // Check if the local post data is different than the loaded post data.
+                               if ( $( '#wp-content-wrap' ).hasClass( 'tmce-active' ) ) {
+                                       // If TinyMCE loads first, check the post 1.5 sec. after it is ready.
+                                       // By this time the content has been loaded in the editor and 'saved' to the textarea.
+                                       // This prevents false positives.
+                                       $document.on( 'tinymce-editor-init.autosave', function() {
+                                               window.setTimeout( function() {
+                                                       checkPost();
+                                               }, 1500 );
+                                       });
+                               } else {
+                                       checkPost();
+                               }
+
+                               // Save every 15 sec.
+                               intervalTimer = window.setInterval( save, 15000 );
+
+                               $( 'form#post' ).on( 'submit.autosave-local', function() {
+                                       var editor = typeof tinymce !== 'undefined' && tinymce.get('content'),
+                                               post_id = $('#post_ID').val() || 0;
+
+                                       if ( editor && ! editor.isHidden() ) {
+                                               // Last onSubmit event in the editor, needs to run after the content has been moved to the textarea.
+                                               editor.on( 'submit', function() {
+                                                       save({
+                                                               post_title: $( '#title' ).val() || '',
+                                                               content: $( '#content' ).val() || '',
+                                                               excerpt: $( '#excerpt' ).val() || ''
+                                                       });
+                                               });
+                                       } else {
+                                               save({
+                                                       post_title: $( '#title' ).val() || '',
+                                                       content: $( '#content' ).val() || '',
+                                                       excerpt: $( '#excerpt' ).val() || ''
+                                               });
+                                       }
+
+                                       wpCookies.set( 'wp-saving-post-' + post_id, 'check' );
+                               });
+                       }
+
+                       // Strip whitespace and compare two strings
+                       function compare( str1, str2 ) {
+                               function removeSpaces( string ) {
+                                       return string.toString().replace(/[\x20\t\r\n\f]+/g, '');
+                               }
+
+                               return ( removeSpaces( str1 || '' ) === removeSpaces( str2 || '' ) );
+                       }
+
+                       /**
+                        * Check if the saved data for the current post (if any) is different than the loaded post data on the screen
+                        *
+                        * Shows a standard message letting the user restore the post data if different.
+                        *
+                        * @return void
+                        */
+                       function checkPost() {
+                               var content, post_title, excerpt, $notice,
+                                       postData = getSavedPostData(),
+                                       cookie = wpCookies.get( 'wp-saving-post-' + post_id );
+
+                               if ( ! postData ) {
+                                       return;
+                               }
+
+                               if ( cookie ) {
+                                       wpCookies.remove( 'wp-saving-post-' + post_id );
+
+                                       if ( cookie === 'saved' ) {
+                                               // The post was saved properly, remove old data and bail
+                                               setData( false );
+                                               return;
+                                       }
+                               }
+
+                               // There is a newer autosave. Don't show two "restore" notices at the same time.
+                               if ( $( '#has-newer-autosave' ).length ) {
+                                       return;
+                               }
+
+                               content = $( '#content' ).val() || '';
+                               post_title = $( '#title' ).val() || '';
+                               excerpt = $( '#excerpt' ).val() || '';
+
+                               // cookie == 'check' means the post was not saved properly, always show #local-storage-notice
+                               if ( cookie !== 'check' && compare( content, postData.content ) &&
+                                       compare( post_title, postData.post_title ) && compare( excerpt, postData.excerpt ) ) {
+
+                                       return;
+                               }
+
+                               restorePostData = postData;
+                               undoPostData = {
+                                       content: content,
+                                       post_title: post_title,
+                                       excerpt: excerpt
+                               };
+
+                               $notice = $( '#local-storage-notice' );
+                               $('.wrap h2').first().after( $notice.addClass( 'updated' ).show() );
+
+                               $notice.on( 'click.autosave-local', function( event ) {
+                                       var $target = $( event.target );
+
+                                       if ( $target.hasClass( 'restore-backup' ) ) {
+                                               restorePost( restorePostData );
+                                               $target.parent().hide();
+                                               $(this).find( 'p.undo-restore' ).show();
+                                       } else if ( $target.hasClass( 'undo-restore-backup' ) ) {
+                                               restorePost( undoPostData );
+                                               $target.parent().hide();
+                                               $(this).find( 'p.local-restore' ).show();
+                                       }
+
+                                       event.preventDefault();
+                               });
+                       }
+
+                       // Restore the current title, content and excerpt from postData.
+                       function restorePost( postData ) {
+                               var editor;
+
+                               if ( postData ) {
+                                       // Set the last saved data
+                                       lastCompareString = getCompareString( postData );
+
+                                       if ( $( '#title' ).val() !== postData.post_title ) {
+                                               $( '#title' ).focus().val( postData.post_title || '' );
+                                       }
+
+                                       $( '#excerpt' ).val( postData.excerpt || '' );
+                                       editor = typeof tinymce !== 'undefined' && tinymce.get('content');
+
+                                       if ( editor && ! editor.isHidden() && typeof switchEditors !== 'undefined' ) {
+                                               // Make sure there's an undo level in the editor
+                                               editor.undoManager.add();
+                                               editor.setContent( postData.content ? switchEditors.wpautop( postData.content ) : '' );
+                                       } else {
+                                               // Make sure the Text editor is selected
+                                               $( '#content-html' ).click();
+                                               $( '#content' ).val( postData.content );
+                                       }
+
+                                       return true;
+                               }
+
+                               return false;
+                       }
+
+                       // Initialize and run checkPost() on loading the script (before TinyMCE init)
+                       blog_id = typeof window.autosaveL10n !== 'undefined' && window.autosaveL10n.blog_id;
+
+                       // Check if the browser supports sessionStorage and it's not disabled
+                       if ( ! checkStorage() ) {
+                               return;
+                       }
+
+                       // Don't run if the post type supports neither 'editor' (textarea#content) nor 'excerpt'.
+                       if ( ! blog_id || ( ! $('#content').length && ! $('#excerpt').length ) ) {
+                               return;
+                       }
+
+                       $document.ready( run );
+
+                       return {
+                               hasStorage: hasStorage,
+                               getSavedPostData: getSavedPostData,
+                               save: save,
+                               suspend: suspend,
+                               resume: resume
+                       };
+               }
+
+               // Autosave on the server
+               function autosaveServer() {
+                       var _blockSave, _blockSaveTimer, previousCompareString, lastCompareString,
+                               nextRun = 0,
+                               isSuspended = false;
+
+                       // Block saving for the next 10 sec.
+                       function tempBlockSave() {
+                               _blockSave = true;
+                               window.clearTimeout( _blockSaveTimer );
+
+                               _blockSaveTimer = window.setTimeout( function() {
+                                       _blockSave = false;
+                               }, 10000 );
+                       }
+
+                       function suspend() {
+                               isSuspended = true;
+                       }
+
+                       function resume() {
+                               isSuspended = false;
+                       }
+
+                       // Runs on heartbeat-response
+                       function response( data ) {
+                               _schedule();
+                               _blockSave = false;
+                               lastCompareString = previousCompareString;
+                               previousCompareString = '';
+
+                               $document.trigger( 'after-autosave', [data] );
+                               enableButtons();
+
+                               if ( data.success ) {
+                                       // No longer an auto-draft
+                                       $( '#auto_draft' ).val('');
+                               }
+                       }
+
+                       /**
+                        * Save immediately
+                        *
+                        * Resets the timing and tells heartbeat to connect now
+                        *
+                        * @return void
+                        */
+                       function triggerSave() {
+                               nextRun = 0;
+                               wp.heartbeat.connectNow();
+                       }
+
+                       /**
+                        * Checks if the post content in the textarea has changed since page load.
+                        *
+                        * This also happens when TinyMCE is active and editor.save() is triggered by
+                        * wp.autosave.getPostData().
+                        *
+                        * @return bool
+                        */
+                       function postChanged() {
+                               return getCompareString() !== initialCompareString;
+                       }
+
+                       // Runs on 'heartbeat-send'
+                       function save() {
+                               var postData, compareString;
+
+                               // window.autosave() used for back-compat
+                               if ( isSuspended || _blockSave || ! window.autosave() ) {
+                                       return false;
+                               }
+
+                               if ( ( new Date() ).getTime() < nextRun ) {
+                                       return false;
+                               }
+
+                               postData = getPostData();
+                               compareString = getCompareString( postData );
+
+                               // First check
+                               if ( typeof lastCompareString === 'undefined' ) {
+                                       lastCompareString = initialCompareString;
+                               }
+
+                               // No change
+                               if ( compareString === lastCompareString ) {
+                                       return false;
+                               }
+
+                               previousCompareString = compareString;
+                               tempBlockSave();
+                               disableButtons();
+
+                               $document.trigger( 'wpcountwords', [ postData.content ] )
+                                       .trigger( 'before-autosave', [ postData ] );
+
+                               postData._wpnonce = $( '#_wpnonce' ).val() || '';
+
+                               return postData;
+                       }
+
+                       function _schedule() {
+                               nextRun = ( new Date() ).getTime() + ( autosaveL10n.autosaveInterval * 1000 ) || 60000;
+                       }
+
+                       $document.on( 'heartbeat-send.autosave', function( event, data ) {
+                               var autosaveData = save();
+
+                               if ( autosaveData ) {
+                                       data.wp_autosave = autosaveData;
+                               }
+                       }).on( 'heartbeat-tick.autosave', function( event, data ) {
+                               if ( data.wp_autosave ) {
+                                       response( data.wp_autosave );
+                               }
+                       }).on( 'heartbeat-connection-lost.autosave', function( event, error, status ) {
+                               // When connection is lost, keep user from submitting changes.
+                               if ( 'timeout' === error || 603 === status ) {
+                                       var $notice = $('#lost-connection-notice');
+
+                                       if ( ! wp.autosave.local.hasStorage ) {
+                                               $notice.find('.hide-if-no-sessionstorage').hide();
+                                       }
+
+                                       $notice.show();
+                                       disableButtons();
+                               }
+                       }).on( 'heartbeat-connection-restored.autosave', function() {
+                               $('#lost-connection-notice').hide();
+                               enableButtons();
+                       }).ready( function() {
+                               _schedule();
+                       });
+
+                       return {
+                               tempBlockSave: tempBlockSave,
+                               triggerSave: triggerSave,
+                               postChanged: postChanged,
+                               suspend: suspend,
+                               resume: resume
+                       };
+               }
+
+               // Wait for TinyMCE to initialize plus 1 sec. for any external css to finish loading,
+               // then 'save' to the textarea before setting initialCompareString.
+               // This avoids any insignificant differences between the initial textarea content and the content
+               // extracted from the editor.
+               $document.on( 'tinymce-editor-init.autosave', function( event, editor ) {
+                       if ( editor.id === 'content' ) {
+                               window.setTimeout( function() {
+                                       editor.save();
+                                       initialCompareString = getCompareString();
+                               }, 1000 );
+                       }
+               }).ready( function() {
+                       // Set the initial compare string in case TinyMCE is not used or not loaded first
+                       initialCompareString = getCompareString();
+               });
 
-       if ( !doAutoSave ) {
-               post_data['autosave'] = 0;
+               return {
+                       getPostData: getPostData,
+                       getCompareString: getCompareString,
+                       disableButtons: disableButtons,
+                       enableButtons: enableButtons,
+                       local: autosaveLocal(),
+                       server: autosaveServer()
+               };
        }
 
-       autosaveOldMessage = jQuery('#autosave').html();
+       window.wp = window.wp || {};
+       window.wp.autosave = autosave();
 
-       jQuery.ajax({
-               data: post_data,
-               beforeSend: doAutoSave ? autosave_loading : null,
-               type: "POST",
-               url: autosaveL10n.requestFile,
-               success: successCallback
-       });
-}
+}( jQuery, window ));