526 lines
24 KiB
JavaScript
526 lines
24 KiB
JavaScript
define([
|
|
"underscore",
|
|
"utils",
|
|
"classes/Provider",
|
|
"settings",
|
|
"eventMgr",
|
|
"fileMgr",
|
|
"helpers/googleHelper"
|
|
], function(_, utils, Provider, settings, eventMgr, fileMgr, googleHelper) {
|
|
|
|
var PROVIDER_GDRIVE = "gdrive";
|
|
|
|
var gdriveProvider = new Provider(PROVIDER_GDRIVE, "Google Drive");
|
|
gdriveProvider.defaultPublishFormat = "template";
|
|
gdriveProvider.exportPreferencesInputIds = [
|
|
"gdrive-parentid",
|
|
"gdrive-realtime",
|
|
];
|
|
|
|
function createSyncIndex(id) {
|
|
return "sync." + PROVIDER_GDRIVE + "." + id;
|
|
}
|
|
|
|
function createSyncAttributes(id, etag, content, title) {
|
|
var syncAttributes = {};
|
|
syncAttributes.provider = gdriveProvider;
|
|
syncAttributes.id = id;
|
|
syncAttributes.etag = etag;
|
|
syncAttributes.contentCRC = utils.crc32(content);
|
|
syncAttributes.titleCRC = utils.crc32(title);
|
|
syncAttributes.syncIndex = createSyncIndex(id);
|
|
return syncAttributes;
|
|
}
|
|
|
|
function importFilesFromIds(ids) {
|
|
googleHelper.downloadMetadata(ids, function(error, result) {
|
|
if(error) {
|
|
return;
|
|
}
|
|
googleHelper.downloadContent(result, function(error, result) {
|
|
if(error) {
|
|
return;
|
|
}
|
|
var fileDescList = [];
|
|
var fileDesc = undefined;
|
|
_.each(result, function(file) {
|
|
var syncAttributes = createSyncAttributes(file.id, file.etag, file.content, file.title);
|
|
syncAttributes.isRealtime = file.isRealtime;
|
|
var syncLocations = {};
|
|
syncLocations[syncAttributes.syncIndex] = syncAttributes;
|
|
fileDesc = fileMgr.createFile(file.title, file.content, syncLocations);
|
|
fileDescList.push(fileDesc);
|
|
});
|
|
if(fileDesc !== undefined) {
|
|
eventMgr.onSyncImportSuccess(fileDescList, gdriveProvider);
|
|
fileMgr.selectFile(fileDesc);
|
|
}
|
|
});
|
|
});
|
|
}
|
|
|
|
gdriveProvider.importFiles = function() {
|
|
googleHelper.picker(function(error, docs) {
|
|
if(error || docs.length === 0) {
|
|
return;
|
|
}
|
|
var importIds = [];
|
|
_.each(docs, function(doc) {
|
|
var syncIndex = createSyncIndex(doc.id);
|
|
var fileDesc = fileMgr.getFileFromSyncIndex(syncIndex);
|
|
if(fileDesc !== undefined) {
|
|
eventMgr.onError('"' + fileDesc.title + '" was already imported.');
|
|
return;
|
|
}
|
|
importIds.push(doc.id);
|
|
});
|
|
importFilesFromIds(importIds);
|
|
}, 'doc');
|
|
};
|
|
|
|
gdriveProvider.exportFile = function(event, title, content, callback) {
|
|
var fileId = utils.getInputTextValue("#input-sync-export-gdrive-fileid");
|
|
if(fileId) {
|
|
// Check that file is not synchronized with another an existing
|
|
// document
|
|
var syncIndex = createSyncIndex(fileId);
|
|
var fileDesc = fileMgr.getFileFromSyncIndex(syncIndex);
|
|
if(fileDesc !== undefined) {
|
|
eventMgr.onError('File ID is already synchronized with "' + fileDesc.title + '".');
|
|
callback(true);
|
|
return;
|
|
}
|
|
}
|
|
var parentId = utils.getInputTextValue("#input-sync-export-gdrive-parentid");
|
|
googleHelper.upload(fileId, parentId, title, content, undefined, undefined, function(error, result) {
|
|
if(error) {
|
|
callback(error);
|
|
return;
|
|
}
|
|
var syncAttributes = createSyncAttributes(result.id, result.etag, content, title);
|
|
callback(undefined, syncAttributes);
|
|
});
|
|
};
|
|
|
|
gdriveProvider.exportRealtimeFile = function(event, title, content, callback) {
|
|
var parentId = utils.getInputTextValue("#input-sync-export-gdrive-parentid");
|
|
googleHelper.createRealtimeFile(parentId, title, function(error, result) {
|
|
if(error) {
|
|
callback(error);
|
|
return;
|
|
}
|
|
var syncAttributes = createSyncAttributes(result.id, result.etag, content, title);
|
|
callback(undefined, syncAttributes);
|
|
});
|
|
};
|
|
|
|
gdriveProvider.syncUp = function(uploadContent, uploadContentCRC, uploadTitle, uploadTitleCRC, syncAttributes, callback) {
|
|
// Skip if CRC has not changed
|
|
if(uploadContentCRC == syncAttributes.contentCRC && uploadTitleCRC == syncAttributes.titleCRC) {
|
|
callback(undefined, false);
|
|
return;
|
|
}
|
|
googleHelper.upload(syncAttributes.id, undefined, uploadTitle, uploadContent, undefined, syncAttributes.etag, function(error, result) {
|
|
if(error) {
|
|
callback(error, true);
|
|
return;
|
|
}
|
|
syncAttributes.etag = result.etag;
|
|
syncAttributes.contentCRC = uploadContentCRC;
|
|
syncAttributes.titleCRC = uploadTitleCRC;
|
|
callback(undefined, true);
|
|
});
|
|
};
|
|
|
|
gdriveProvider.syncUpRealtime = function(uploadContent, uploadContentCRC, uploadTitle, uploadTitleCRC, syncAttributes, callback) {
|
|
// Skip if title CRC has not changed
|
|
if(uploadTitleCRC == syncAttributes.titleCRC) {
|
|
callback(undefined, false);
|
|
return;
|
|
}
|
|
googleHelper.rename(syncAttributes.id, uploadTitle, function(error, result) {
|
|
if(error) {
|
|
callback(error, true);
|
|
return;
|
|
}
|
|
syncAttributes.etag = result.etag;
|
|
syncAttributes.titleCRC = uploadTitleCRC;
|
|
callback(undefined, true);
|
|
});
|
|
};
|
|
|
|
gdriveProvider.syncDown = function(callback) {
|
|
var lastChangeId = parseInt(localStorage[PROVIDER_GDRIVE + ".lastChangeId"]);
|
|
googleHelper.checkChanges(lastChangeId, function(error, changes, newChangeId) {
|
|
if(error) {
|
|
callback(error);
|
|
return;
|
|
}
|
|
var interestingChanges = [];
|
|
_.each(changes, function(change) {
|
|
var syncIndex = createSyncIndex(change.fileId);
|
|
var syncAttributes = fileMgr.getSyncAttributes(syncIndex);
|
|
if(syncAttributes === undefined) {
|
|
return;
|
|
}
|
|
// Store syncAttributes to avoid 2 times searching
|
|
change.syncAttributes = syncAttributes;
|
|
// Delete
|
|
if(change.deleted === true) {
|
|
interestingChanges.push(change);
|
|
return;
|
|
}
|
|
// Modify
|
|
if(syncAttributes.etag != change.file.etag) {
|
|
interestingChanges.push(change);
|
|
}
|
|
});
|
|
googleHelper.downloadContent(interestingChanges, function(error, changes) {
|
|
if(error) {
|
|
callback(error);
|
|
return;
|
|
}
|
|
_.each(changes, function(change) {
|
|
var syncAttributes = change.syncAttributes;
|
|
var syncIndex = syncAttributes.syncIndex;
|
|
var fileDesc = fileMgr.getFileFromSyncIndex(syncIndex);
|
|
// No file corresponding (file may have been deleted
|
|
// locally)
|
|
if(fileDesc === undefined) {
|
|
return;
|
|
}
|
|
var localTitle = fileDesc.title;
|
|
// File deleted
|
|
if(change.deleted === true) {
|
|
eventMgr.onError('"' + localTitle + '" has been removed from Google Drive.');
|
|
fileDesc.removeSyncLocation(syncAttributes);
|
|
eventMgr.onSyncRemoved(fileDesc, syncAttributes);
|
|
if(syncAttributes.isRealtime === true && fileMgr.currentFile === fileDesc) {
|
|
gdriveProvider.stopRealtimeSync();
|
|
}
|
|
return;
|
|
}
|
|
var localTitleChanged = syncAttributes.titleCRC != utils.crc32(localTitle);
|
|
var localContent = fileDesc.content;
|
|
var localContentChanged = syncAttributes.contentCRC != utils.crc32(localContent);
|
|
var file = change.file;
|
|
var remoteTitleCRC = utils.crc32(file.title);
|
|
var remoteTitleChanged = syncAttributes.titleCRC != remoteTitleCRC;
|
|
var fileTitleChanged = localTitle != file.title;
|
|
var remoteContentCRC = utils.crc32(file.content);
|
|
var remoteContentChanged = syncAttributes.contentCRC != remoteContentCRC;
|
|
var fileContentChanged = localContent != file.content;
|
|
// Conflict detection
|
|
if((fileTitleChanged === true && localTitleChanged === true && remoteTitleChanged === true) || (!syncAttributes.isRealtime && fileContentChanged === true && localContentChanged === true && remoteContentChanged === true)) {
|
|
fileMgr.createFile(localTitle + " (backup)", localContent);
|
|
eventMgr.onMessage('Conflict detected on "' + localTitle + '". A backup has been created locally.');
|
|
}
|
|
// If file title changed
|
|
if(fileTitleChanged && remoteTitleChanged === true) {
|
|
fileDesc.title = file.title;
|
|
eventMgr.onTitleChanged(fileDesc);
|
|
eventMgr.onMessage('"' + localTitle + '" has been renamed to "' + file.title + '" on Google Drive.');
|
|
}
|
|
// If file content changed
|
|
if(!syncAttributes.isRealtime && fileContentChanged && remoteContentChanged === true) {
|
|
fileDesc.content = file.content;
|
|
eventMgr.onContentChanged(fileDesc);
|
|
eventMgr.onMessage('"' + file.title + '" has been updated from Google Drive.');
|
|
if(fileMgr.currentFile === fileDesc) {
|
|
fileMgr.selectFile(); // Refresh editor
|
|
}
|
|
}
|
|
// Update syncAttributes
|
|
syncAttributes.etag = file.etag;
|
|
if(!syncAttributes.isRealtime) {
|
|
syncAttributes.contentCRC = remoteContentCRC;
|
|
}
|
|
syncAttributes.titleCRC = remoteTitleCRC;
|
|
utils.storeAttributes(syncAttributes);
|
|
});
|
|
localStorage[PROVIDER_GDRIVE + ".lastChangeId"] = newChangeId;
|
|
callback();
|
|
});
|
|
});
|
|
};
|
|
|
|
gdriveProvider.publish = function(publishAttributes, title, content, callback) {
|
|
var contentType = publishAttributes.format != "markdown" ? 'text/html' : undefined;
|
|
googleHelper.upload(publishAttributes.id, undefined, publishAttributes.fileName || title, content, contentType, undefined, function(error, result) {
|
|
if(error) {
|
|
callback(error);
|
|
return;
|
|
}
|
|
publishAttributes.id = result.id;
|
|
callback();
|
|
});
|
|
};
|
|
|
|
gdriveProvider.newPublishAttributes = function(event) {
|
|
var publishAttributes = {};
|
|
publishAttributes.id = utils.getInputTextValue("#input-publish-gdrive-fileid");
|
|
publishAttributes.fileName = utils.getInputTextValue("#input-publish-gdrive-filename");
|
|
if(event.isPropagationStopped()) {
|
|
return undefined;
|
|
}
|
|
return publishAttributes;
|
|
};
|
|
|
|
// Keep a link to the Pagedown editor
|
|
var pagedownEditor = undefined;
|
|
var undoExecute = undefined;
|
|
var redoExecute = undefined;
|
|
var setUndoRedoButtonStates = undefined;
|
|
eventMgr.addListener("onPagedownConfigure", function(pagedownEditorParam) {
|
|
pagedownEditor = pagedownEditorParam;
|
|
});
|
|
|
|
// Keep a link to the ACE editor
|
|
var realtimeContext = undefined;
|
|
var aceEditor = undefined;
|
|
var isAceUpToDate = true;
|
|
eventMgr.addListener('onAceCreated', function(aceEditorParam) {
|
|
aceEditor = aceEditorParam;
|
|
// Listen to editor's changes
|
|
aceEditor.session.on('change', function(e) {
|
|
// Update the real time model if any
|
|
realtimeContext && realtimeContext.string && realtimeContext.string.setText(aceEditor.getValue());
|
|
});
|
|
});
|
|
|
|
// Start realtime synchronization
|
|
var Range = require('ace/range').Range;
|
|
gdriveProvider.startRealtimeSync = function(fileDesc, syncAttributes) {
|
|
var localContext = {};
|
|
realtimeContext = localContext;
|
|
googleHelper.loadRealtime(syncAttributes.id, fileDesc.content, function(err, doc) {
|
|
if(err || !doc) {
|
|
return;
|
|
}
|
|
|
|
// If user just switched to another document or file has just been
|
|
// reselected
|
|
if(localContext.isStopped === true) {
|
|
doc.close();
|
|
return;
|
|
}
|
|
|
|
logger.log("Starting Google Drive realtime synchronization");
|
|
localContext.document = doc;
|
|
var model = doc.getModel();
|
|
var realtimeString = model.getRoot().get('content');
|
|
|
|
// Saves model content checksum
|
|
function updateContentState() {
|
|
syncAttributes.contentCRC = utils.crc32(realtimeString.getText());
|
|
utils.storeAttributes(syncAttributes);
|
|
}
|
|
|
|
var debouncedRefreshPreview = _.debounce(pagedownEditor.refreshPreview, 100);
|
|
|
|
// Listen to insert text events
|
|
realtimeString.addEventListener(gapi.drive.realtime.EventType.TEXT_INSERTED, function(e) {
|
|
if(aceEditor !== undefined && (isAceUpToDate === false || e.isLocal === false)) {
|
|
// Update ACE editor
|
|
var position = aceEditor.session.doc.indexToPosition(e.index);
|
|
aceEditor.session.insert(position, e.text);
|
|
isAceUpToDate = true;
|
|
}
|
|
// If modifications come down from a collaborator
|
|
if(e.isLocal === false) {
|
|
logger.log("Google Drive realtime document updated from server");
|
|
updateContentState();
|
|
aceEditor === undefined && debouncedRefreshPreview();
|
|
}
|
|
});
|
|
// Listen to delete text events
|
|
realtimeString.addEventListener(gapi.drive.realtime.EventType.TEXT_DELETED, function(e) {
|
|
if(aceEditor !== undefined && (isAceUpToDate === false || e.isLocal === false)) {
|
|
// Update ACE editor
|
|
var range = (function(posStart, posEnd) {
|
|
return new Range(posStart.row, posStart.column, posEnd.row, posEnd.column);
|
|
})(aceEditor.session.doc.indexToPosition(e.index), aceEditor.session.doc.indexToPosition(e.index + e.text.length));
|
|
aceEditor.session.remove(range);
|
|
isAceUpToDate = true;
|
|
}
|
|
// If modifications come down from a collaborator
|
|
if(e.isLocal === false) {
|
|
logger.log("Google Drive realtime document updated from server");
|
|
updateContentState();
|
|
aceEditor === undefined && debouncedRefreshPreview();
|
|
}
|
|
});
|
|
doc.addEventListener(gapi.drive.realtime.EventType.DOCUMENT_SAVE_STATE_CHANGED, function(e) {
|
|
// Save success event
|
|
if(e.isPending === false && e.isSaving === false) {
|
|
logger.log("Google Drive realtime document successfully saved on server");
|
|
updateContentState();
|
|
}
|
|
});
|
|
|
|
// Try to merge offline modifications
|
|
var localContent = fileDesc.content;
|
|
var localContentChanged = syncAttributes.contentCRC != utils.crc32(localContent);
|
|
var remoteContent = realtimeString.getText();
|
|
var remoteContentCRC = utils.crc32(remoteContent);
|
|
var remoteContentChanged = syncAttributes.contentCRC != remoteContentCRC;
|
|
var fileContentChanged = localContent != remoteContent;
|
|
if(fileContentChanged === true && localContentChanged === true) {
|
|
if(remoteContentChanged === true) {
|
|
// Conflict detected
|
|
fileMgr.createFile(fileDesc.title + " (backup)", localContent);
|
|
eventMgr.onMessage('Conflict detected on "' + fileDesc.title + '". A backup has been created locally.');
|
|
}
|
|
else {
|
|
// Add local modifications if no collaborators change
|
|
realtimeString.setText(localContent);
|
|
}
|
|
}
|
|
|
|
if(aceEditor === undefined) {
|
|
// Binds model with textarea
|
|
localContext.binding = gapi.drive.realtime.databinding.bindString(realtimeString, document.getElementById("wmd-input"));
|
|
}
|
|
|
|
// Update content state according to collaborators changes
|
|
if(remoteContentChanged === true) {
|
|
logger.log("Google Drive realtime document updated from server");
|
|
aceEditor !== undefined && aceEditor.setValue(remoteContent, -1);
|
|
updateContentState();
|
|
aceEditor === undefined && debouncedRefreshPreview();
|
|
}
|
|
|
|
if(aceEditor !== undefined) {
|
|
// Tell ACE to update realtime string on each change
|
|
localContext.string = realtimeString;
|
|
|
|
// Save undo/redo buttons default actions
|
|
undoExecute = pagedownEditor.uiManager.buttons.undo.execute;
|
|
redoExecute = pagedownEditor.uiManager.buttons.redo.execute;
|
|
setUndoRedoButtonStates = pagedownEditor.uiManager.setUndoRedoButtonStates;
|
|
|
|
// Set temporary actions for undo/redo buttons
|
|
pagedownEditor.uiManager.buttons.undo.execute = function() {
|
|
if(model.canUndo) {
|
|
// This flag is used to avoid replaying editor's own
|
|
// modifications (assuming it's synchronous)
|
|
isAceUpToDate = false;
|
|
model.undo();
|
|
}
|
|
};
|
|
pagedownEditor.uiManager.buttons.redo.execute = function() {
|
|
if(model.canRedo) {
|
|
// This flag is used to avoid replaying editor's own
|
|
// modifications (assuming it's synchronous)
|
|
isAceUpToDate = false;
|
|
model.redo();
|
|
}
|
|
};
|
|
|
|
// Add event handler for model's UndoRedoStateChanged events
|
|
pagedownEditor.uiManager.setUndoRedoButtonStates = function() {
|
|
setTimeout(function() {
|
|
pagedownEditor.uiManager.setButtonState(pagedownEditor.uiManager.buttons.undo, model.canUndo);
|
|
pagedownEditor.uiManager.setButtonState(pagedownEditor.uiManager.buttons.redo, model.canRedo);
|
|
}, 50);
|
|
};
|
|
pagedownEditor.uiManager.setUndoRedoButtonStates();
|
|
model.addEventListener(gapi.drive.realtime.EventType.UNDO_REDO_STATE_CHANGED, function() {
|
|
pagedownEditor.uiManager.setUndoRedoButtonStates();
|
|
});
|
|
}
|
|
|
|
}, function(err) {
|
|
console.error(err);
|
|
if(err.type == "token_refresh_required") {
|
|
googleHelper.forceAuthenticate();
|
|
}
|
|
else if(err.type == "not_found") {
|
|
eventMgr.onError('"' + fileDesc.title + '" has been removed from Google Drive.');
|
|
fileDesc.removeSyncLocation(syncAttributes);
|
|
eventMgr.onSyncRemoved(fileDesc, syncAttributes);
|
|
gdriveProvider.stopRealtimeSync();
|
|
}
|
|
else if(err.isFatal) {
|
|
eventMgr.onError('An error has forced real time synchronization to stop.');
|
|
gdriveProvider.stopRealtimeSync();
|
|
}
|
|
});
|
|
};
|
|
|
|
// Stop realtime synchronization
|
|
gdriveProvider.stopRealtimeSync = function() {
|
|
logger.log("Stopping Google Drive realtime synchronization");
|
|
if(realtimeContext !== undefined) {
|
|
realtimeContext.isStopped = true;
|
|
realtimeContext.binding && realtimeContext.binding.unbind();
|
|
realtimeContext.document && realtimeContext.document.close();
|
|
realtimeContext = undefined;
|
|
}
|
|
|
|
if(setUndoRedoButtonStates !== undefined) {
|
|
// Set back original undo/redo actions
|
|
pagedownEditor.uiManager.buttons.undo.execute = undoExecute;
|
|
pagedownEditor.uiManager.buttons.redo.execute = redoExecute;
|
|
pagedownEditor.uiManager.setUndoRedoButtonStates = setUndoRedoButtonStates;
|
|
pagedownEditor.uiManager.setUndoRedoButtonStates();
|
|
}
|
|
};
|
|
|
|
eventMgr.addListener("onReady", function() {
|
|
// Choose folder button in export modal
|
|
$('.export-gdrive-choose-folder').click(function() {
|
|
googleHelper.picker(function(error, docs) {
|
|
if(error || docs.length === 0) {
|
|
return;
|
|
}
|
|
// Open export dialog
|
|
$(".modal-upload-gdrive").modal();
|
|
// Set parent ID
|
|
utils.setInputValue('#input-sync-export-gdrive-parentid', docs[0].id);
|
|
}, 'folder');
|
|
});
|
|
|
|
// On export, disable file ID input if realtime is checked
|
|
var $realtimeCheckboxElt = $('#input-sync-export-gdrive-realtime');
|
|
var $fileIdInputElt = $('#input-sync-export-gdrive-fileid');
|
|
$('#input-sync-export-gdrive-realtime').change(function() {
|
|
$fileIdInputElt.prop('disabled', $realtimeCheckboxElt.prop('checked'));
|
|
});
|
|
|
|
var state = utils.retrieveIgnoreError(PROVIDER_GDRIVE + ".state");
|
|
if(state === undefined) {
|
|
return;
|
|
}
|
|
localStorage.removeItem(PROVIDER_GDRIVE + ".state");
|
|
if(state.action == "create") {
|
|
googleHelper.upload(undefined, state.folderId, GDRIVE_DEFAULT_FILE_TITLE, settings.defaultContent, undefined, undefined, function(error, file) {
|
|
if(error) {
|
|
return;
|
|
}
|
|
var syncAttributes = createSyncAttributes(file.id, file.etag, file.content, file.title);
|
|
var syncLocations = {};
|
|
syncLocations[syncAttributes.syncIndex] = syncAttributes;
|
|
var fileDesc = fileMgr.createFile(file.title, file.content, syncLocations);
|
|
fileMgr.selectFile(fileDesc);
|
|
eventMgr.onMessage('"' + file.title + '" created successfully on Google Drive.');
|
|
});
|
|
}
|
|
else if(state.action == "open") {
|
|
var importIds = [];
|
|
_.each(state.ids, function(id) {
|
|
var syncIndex = createSyncIndex(id);
|
|
var fileDesc = fileMgr.getFileFromSyncIndex(syncIndex);
|
|
if(fileDesc !== undefined) {
|
|
fileMgr.selectFile(fileDesc);
|
|
}
|
|
else {
|
|
importIds.push(id);
|
|
}
|
|
});
|
|
importFilesFromIds(importIds);
|
|
}
|
|
});
|
|
|
|
return gdriveProvider;
|
|
}); |