/*! * VisualEditor MediaWiki CollabTarget init. * * @copyright See AUTHORS.txt * @license The MIT License (MIT); see LICENSE.txt */ /* eslint-disable no-jquery/no-global-selector */ ( function () { var target, $specialTab = $( '#ca-nstab-special' ), $padTab = $( '#ca-pad' ), conf = mw.config.get( 'wgVisualEditorConfig' ), pageName = mw.config.get( 'collabPadPageName' ) || '', pageTitle = mw.Title.newFromText( pageName ), modules = [ OO.ui.isMobile() ? 'ext.visualEditor.collabTarget.mobile' : 'ext.visualEditor.collabTarget.desktop' ] // Add modules from $wgVisualEditorPluginModules .concat( conf.pluginModules.filter( mw.loader.getState ) ), modulePromise = mw.loader.using( modules ), progressBar = OO.ui.infuse( $( '.ve-init-mw-collabTarget-loading' ) ), documentNameInput = OO.ui.infuse( $( '.ve-init-mw-collabTarget-nameInput' ) ), documentNameButton = OO.ui.infuse( $( '.ve-init-mw-collabTarget-nameButton' ) ), importInput = OO.ui.infuse( $( '.ve-init-mw-collabTarget-importInput' ), { showImages: mw.config.get( 'wgVisualEditorConfig' ).usePageImages, showDescriptions: mw.config.get( 'wgVisualEditorConfig' ).usePageDescriptions } ), importButton = OO.ui.infuse( $( '.ve-init-mw-collabTarget-importButton' ) ), // Infuse the form last to avoid recursive infusion with no config form = OO.ui.infuse( $( '.ve-init-mw-collabTarget-form' ) ), $targetContainer = $( document.querySelector( '[data-mw-ve-target-container]' ) || document.getElementById( 'content' ) ); if ( !VisualEditorSupportCheck() ) { // VE not supported - say something? return; } function setTitle( title ) { $( '#firstHeading' ).text( title ); document.title = title; } function showPage( title, importTitle ) { var specialTitle = mw.Title.newFromText( 'Special:CollabPad/' + title.toString() ); setTitle( mw.msg( 'collabpad-doctitle', title.getPrefixedText() ) ); mw.config.set( 'wgRelevantPageName', specialTitle.getPrefixedText() ); mw.config.set( 'wgPageName', specialTitle.getPrefixedText() ); if ( !$padTab.length ) { $padTab = $( '
' ).text( error.stack ) ); OO.ui.alert( $( '' ).append( $errorMsg ), { title: ve.msg( 'visualeditor-rebase-corrupted-document-title' ), size: 'large' } ).then( () => { showForm( true ); } ); return; } target.once( 'surfaceReady', () => { initPromise.then( () => { target.getSurface().getView().selectFirstSelectableContentOffset(); var isNewAuthor = !ve.init.platform.sessionStorage.get( 've-collab-author' ); // For new anon users, open the author list so they can set their name if ( isNewAuthor && !username ) { // Something (an animation?) steals focus during load, so wait a bit // before opening and focusing the authorList. setTimeout( () => { target.toolbar.tools.authorList.onSelect(); }, 500 ); } } ); } ); if ( target.importTitle && !surfaceModel.getDocument().getCompleteHistoryLength() ) { initPromise = mw.libs.ve.targetLoader.requestParsoidData( target.importTitle.toString(), { targetName: 'collabpad' } ).then( ( response ) => { var data = response.visualeditor; if ( data && data.content ) { var doc = target.constructor.static.parseDocument( data.content ); var dmDoc = target.constructor.static.createModelFromDom( doc ); var fragment = surfaceModel.getLinearFragment( new ve.Range( 0, 2 ) ); fragment.insertDocument( dmDoc ); target.etag = data.etag; target.baseTimeStamp = data.basetimestamp; target.startTimeStamp = data.starttimestamp; target.revid = data.oldid; // Store the document metadata as a hidden meta item fragment.collapseToEnd().insertContent( [ { type: 'alienMeta', attributes: { importedDocument: { title: target.importTitle.toString(), etag: target.etag, baseTimeStamp: target.baseTimeStamp, startTimeStamp: target.startTimeStamp, revid: target.revid } } }, { type: '/alienMeta' } ] ); } else { // Import failed return ve.createDeferred().reject( 'No content for ' + target.importTitle ).promise(); } } ); } else { // No import, or history already exists initPromise = ve.createDeferred().resolve().promise(); // Look for import metadata in document surfaceModel = target.getSurface().getModel(); surfaceModel.getDocument().getMetaList().getItemsInGroup( 'misc' ).some( ( item ) => { var importedDocument = item.getAttribute( 'importedDocument' ); if ( importedDocument ) { target.importTitle = mw.Title.newFromText( importedDocument.title ); target.etag = importedDocument.etag; target.baseTimeStamp = importedDocument.baseTimeStamp; target.startTimeStamp = importedDocument.startTimeStamp; target.revid = importedDocument.revid; return true; } return false; } ); } initPromise.fail( ( err ) => { setTimeout( () => { throw new Error( err ); } ); } ); initPromise.always( () => { progressDeferred.resolve(); } ); } ); } ); } ).always( () => { form.toggle( false ); progressBar.toggle( false ); } ).fail( ( err ) => { mw.log.error( err ); showForm( true ); } ); } function showForm( pushState ) { var specialTitle = mw.Title.newFromText( 'Special:CollabPad' ); if ( pushState ) { history.pushState( { tag: 'collabTarget' }, '', specialTitle.getUrl() ); } if ( target ) { $( '#firstHeading' ).removeClass( 've-init-mw-desktopArticleTarget-uneditableContent' ); target.restorePage(); target.destroy(); $( 'body' ).removeClass( 've-activated ve-active' ); } setTitle( mw.msg( 'collabpad' ) ); mw.config.set( 'wgRelevantPageName', specialTitle.getPrefixedText() ); mw.config.set( 'wgPageName', specialTitle.getPrefixedText() ); if ( $padTab ) { $padTab.detach(); } $specialTab.addClass( 'selected' ); progressBar.toggle( false ); form.toggle( true ); } function loadTitle( title, importTitle ) { var specialTitle = mw.Title.newFromText( 'Special:CollabPad/' + title.toString() ); // TODO: Handle popstate history.pushState( { tag: 'collabTarget', title: title.toString() }, '', specialTitle.getUrl() ); showPage( title, importTitle ); } function getRandomTitle() { return Math.random().toString( 36 ).slice( 2 ); } function onNameChange() { documentNameInput.getValidity().then( () => { documentNameButton.setDisabled( false ); }, () => { documentNameButton.setDisabled( true ); } ); } function loadFromName() { documentNameInput.getValidity().then( () => { var title = mw.Title.newFromText( documentNameInput.getValue().trim() || getRandomTitle() ); if ( title ) { loadTitle( title ); } else { documentNameInput.focus(); } } ); } // Empty input will create a random document name, otherwise must be valid documentNameInput.setValidation( ( value ) => value === '' || !!mw.Title.newFromText( value ) ); documentNameButton.setDisabled( false ); documentNameInput.on( 'change', onNameChange ); documentNameInput.on( 'enter', loadFromName ); documentNameButton.on( 'click', loadFromName ); onNameChange(); function onImportChange() { importInput.getValidity().then( () => { importButton.setDisabled( false ); }, () => { importButton.setDisabled( true ); } ); } function onImportSubmit() { importInput.getValidity().then( () => { var title = mw.Title.newFromText( importInput.getValue().trim() ); if ( title ) { loadTitle( mw.Title.newFromText( getRandomTitle() ), title ); } else { documentNameInput.focus(); } } ); } // TODO: Check page exists? importInput.setValidation( ( value ) => !!mw.Title.newFromText( value ) ); importInput.on( 'change', onImportChange ); importInput.on( 'enter', onImportSubmit ); importButton.on( 'click', onImportSubmit ); onImportChange(); if ( pageTitle ) { var url = new URL( location.href ), importTitleText = url.searchParams.get( 'import' ), importTitleParam = ( importTitleText ? mw.Title.newFromText( importTitleText ) : null ); showPage( pageTitle, importTitleParam ); } else { showForm(); } $specialTab.on( 'click', ( e ) => { showForm( true ); e.preventDefault(); } ); // Tag current state history.replaceState( { tag: 'collabTarget', title: pageName }, '', location.href ); window.addEventListener( 'popstate', ( e ) => { if ( e.state && e.state.tag === 'collabTarget' ) { if ( e.state.title ) { showPage( mw.Title.newFromText( e.state.title ) ); } else { showForm(); } } } ); }() );