');
layout = $('body').layout($.extend(layoutGlobalConfig, {
south__resizable: true,
south__size: 0.5,
south__minSize: 200
}));
}
$(".navbar").click(function() {
layout.allowOverflow('north');
});
$(".ui-layout-toggler-south").addClass("btn btn-info").html('');
$(".ui-layout-toggler-east").addClass("btn btn-info").html('');
var $northTogglerElt = $(".ui-layout-toggler-north").addClass("btn btn-info").html('');
// We attach the preview buttons to the UI layout resizer in order to
// have fixed position
// We also move the north toggler to the east or south resizer as the
// north resizer is very small
// var $previewButtonsContainerElt = $('
');
var $resizerDecorator = $('
');
$previewButtonsElt = $('
');
$editorButtonsElt = $('
');
if(window.viewerMode || settings.layoutOrientation == "horizontal") {
$('.ui-layout-resizer-north').append($previewButtonsElt);
$('.ui-layout-resizer-east').append($resizerDecorator).append($northTogglerElt).append($editorButtonsElt);
}
else {
$('.ui-layout-resizer-south').append($resizerDecorator).append($previewButtonsElt).append($editorButtonsElt).append($northTogglerElt);
}
setPanelVisibility();
setPreviewButtonsVisibility();
eventMgr.onLayoutCreated(layout);
}
var $navbarElt;
var $leftBtnElts;
var $rightBtnElts;
var $btnDropdown;
var $titleContainer;
var marginWidth = 18 * 2 + 25 + 25;
var titleWidth = 18 + 348;
var leftButtonsWidth = 18 * 4 + 80 + 160 + 160 + 80;
var rightButtonsWidth = 18 + 80;
var buttonsDropdownWidth = 40;
function adjustWindow() {
if(!window.viewerMode) {
var maxWidth = $navbarElt.width();
if(marginWidth + titleWidth + leftButtonsWidth + rightButtonsWidth > maxWidth) {
$btnDropdown.show().find('.dropdown-menu').append($leftBtnElts);
if(marginWidth + titleWidth + rightButtonsWidth + buttonsDropdownWidth > maxWidth) {
$btnDropdown.find('.dropdown-menu').append($rightBtnElts);
}
else {
$titleContainer.before($rightBtnElts);
}
}
else {
$btnDropdown.hide().after($leftBtnElts);
$titleContainer.before($rightBtnElts);
}
}
layout.resizeAll();
}
// Create the PageDown editor
var pagedownEditor;
var $editorElt;
var fileDesc;
var documentContent;
var UndoManager = require("ace/undomanager").UndoManager;
core.initEditor = function(fileDescParam) {
if(fileDesc !== undefined) {
eventMgr.onFileClosed(fileDesc);
}
fileDesc = fileDescParam;
documentContent = undefined;
var initDocumentContent = fileDesc.content;
if(aceEditor !== undefined) {
aceEditor.setValue(initDocumentContent, -1);
aceEditor.getSession().setUndoManager(new UndoManager());
}
else {
//$editorElt.val(initDocumentContent);
}
if(pagedownEditor !== undefined) {
// If the editor is already created
$editorElt.val(initDocumentContent);
aceEditor && aceEditor.selection.setSelectionRange(fileDesc.editorSelectRange);
aceEditor || pagedownEditor.undoManager.reinit(initDocumentContent, fileDesc.editorStart, fileDesc.editorEnd, fileDesc.editorScrollTop);
aceEditor ? aceEditor.focus() : $editorElt.focus();
//pagedownEditor.refreshPreview();
return;
}
var $previewContainerElt = $(".preview-container");
if(!window.lightMode) {
// Store editor scrollTop on scroll event
var saveScroll = _.debounce(function() {
if(documentContent !== undefined) {
fileDesc.editorScrollTop = aceEditor.renderer.getScrollTop();
}
}, 100);
aceEditor.session.on('changeScrollTop', saveScroll);
// Store editor selection on change
var saveSelection = _.debounce(function() {
if(documentContent !== undefined) {
fileDesc.editorSelectRange = aceEditor.getSelectionRange();
}
}, 100);
aceEditor.session.selection.on('changeSelection', saveSelection);
aceEditor.session.selection.on('changeCursor', saveSelection);
}
// Store preview scrollTop on scroll event
$previewContainerElt.scroll(function() {
if(documentContent !== undefined) {
fileDesc.previewScrollTop = $previewContainerElt.scrollTop();
}
});
// Create the converter and the editor
var converter = new Markdown.Converter();
var options = {
_DoItalicsAndBold: function(text) {
// Restore original markdown implementation
text = text.replace(/(\*\*|__)(?=\S)(.+?[*_]*)(?=\S)\1/g,
"$2");
text = text.replace(/(\*|_)(?=\S)(.+?)(?=\S)\1/g,
"$2");
return text;
}
};
converter.setOptions(options);
function checkDocumentChanges() {
var newDocumentContent = $editorElt.text();
if(aceEditor !== undefined) {
newDocumentContent = aceEditor.getValue();
}
if(documentContent == newDocumentContent) {
return false;
}
if(documentContent !== undefined) {
fileDesc.content = newDocumentContent;
eventMgr.onContentChanged(fileDesc);
}
else {
eventMgr.onFileOpen(fileDesc);
$previewContainerElt.scrollTop(fileDesc.previewScrollTop);
if(window.lightMode) {
$editorElt.scrollTop(fileDesc.editorScrollTop);
}
else {
_.defer(function() {
aceEditor.renderer.scrollToY(fileDesc.editorScrollTop);
});
}
}
documentContent = newDocumentContent;
return true;
}
var previewWrapper;
if(window.lightMode) {
pagedownEditor = new Markdown.EditorLight(converter);
}
else {
pagedownEditor = new Markdown.Editor(converter, undefined, {
keyStrokes: shortcutMgr.getPagedownKeyStrokes()
});
}
// Custom insert link dialog
pagedownEditor.hooks.set("insertLinkDialog", function(callback) {
core.insertLinkCallback = callback;
utils.resetModalInputs();
$(".modal-insert-link").modal();
return true;
});
// Custom insert image dialog
pagedownEditor.hooks.set("insertImageDialog", function(callback) {
core.insertLinkCallback = callback;
if(core.catchModal) {
return true;
}
utils.resetModalInputs();
$(".modal-insert-image").modal();
return true;
});
if(settings.lazyRendering === true) {
previewWrapper = function(makePreview) {
var debouncedMakePreview = _.debounce(makePreview, 500);
return function() {
var debounce = documentContent !== undefined;
if(checkDocumentChanges()) {
debounce ? debouncedMakePreview() : makePreview();
}
};
};
}
else {
previewWrapper = function(makePreview) {
return function() {
checkDocumentChanges() && makePreview();
};
};
}
eventMgr.onPagedownConfigure(pagedownEditor);
pagedownEditor.hooks.chain("onPreviewRefresh", eventMgr.onAsyncPreview);
if(window.lightMode) {
pagedownEditor.run();
$editorElt.val(initDocumentContent);
pagedownEditor.undoManager.reinit(initDocumentContent, fileDesc.editorStart, fileDesc.editorEnd, fileDesc.editorScrollTop);
$editorElt.focus();
}
else {
pagedownEditor.run(aceEditor, previewWrapper);
aceEditor.selection.setSelectionRange(fileDesc.editorSelectRange);
aceEditor.focus();
}
// Hide default buttons
$(".wmd-button-row li").addClass("btn btn-success").css("left", 0).find("span").hide();
// Add customized buttons
var $btnGroupElt = $('.wmd-button-group1');
$("#wmd-bold-button").append($('')).appendTo($btnGroupElt);
$("#wmd-italic-button").append($('')).appendTo($btnGroupElt);
$btnGroupElt = $('.wmd-button-group2');
$("#wmd-link-button").append($('')).appendTo($btnGroupElt);
$("#wmd-quote-button").append($('')).appendTo($btnGroupElt);
$("#wmd-code-button").append($('')).appendTo($btnGroupElt);
$("#wmd-image-button").append($('')).appendTo($btnGroupElt);
$btnGroupElt = $('.wmd-button-group3');
$("#wmd-olist-button").append($('')).appendTo($btnGroupElt);
$("#wmd-ulist-button").append($('')).appendTo($btnGroupElt);
$("#wmd-heading-button").append($('')).appendTo($btnGroupElt);
$("#wmd-hr-button").append($('')).appendTo($btnGroupElt);
$btnGroupElt = $('.wmd-button-group4');
$("#wmd-undo-button").append($('')).appendTo($btnGroupElt);
$("#wmd-redo-button").append($('')).appendTo($btnGroupElt);
};
// Initialize multiple things and then fire eventMgr.onReady
var isDocumentPanelShown = false;
var isMenuPanelShown = false;
core.onReady = function() {
if(window.viewerMode === true) {
document.body.innerHTML = bodyViewerHTML;
}
else {
document.body.innerHTML = bodyIndexHTML;
}
var styleContent = '';
// Apply font
function applyFont(size, screenWidth) {
screenWidth = screenWidth || 0;
//var codeFontSize = settings.editorFontSize;
//var codeLineHeight = Math.round(codeFontSize * 20 / 12);
var previewFontSize = size; // * 13 / 12;
styleContent += [
'@media (min-width: ' + screenWidth + 'px) {',
'#wmd-input, .textarea-helper {',
' font-size: ' + size + 'px;',
//' font-family: ' + settings.editorFontFamily + ';',
'}',
'#preview-contents {',
' font-size: ' + previewFontSize + 'px;',
'}',
'}',
].join('\n');
}
applyFont(16);
applyFont(17, 600);
applyFont(18, 1200);
function applyMaxWidth(maxWidth, screenWidth) {
styleContent += [
'@media (min-width: ' + screenWidth + 'px) {',
'#preview-contents {',
' max-width: ' + (maxWidth + 30) + 'px;',
'}',
'}',
].join('\n');
}
_.each(maxWidthMap, function(entry) {
applyMaxWidth(entry.maxWidth, entry.screenWidth);
});
// Apply dynamic stylesheet
var style = document.createElement("style");
style.innerHTML = styleContent;
document.head.appendChild(style);
$navbarElt = $('.navbar');
$leftBtnElts = $navbarElt.find('.left-buttons');
$rightBtnElts = $navbarElt.find('.right-buttons');
$btnDropdown = $navbarElt.find('.buttons-dropdown');
$titleContainer = $navbarElt.find('.title-container');
$(window).bind("resize", adjustWindow);
// Initialize utils library
utils.init();
// Populate shortcuts in settings
shortcutMgr.addSettingEntries();
// Hide shortcuts settings if light mode
if(window.lightMode) {
$('.tab-settings-shortcuts').hide();
}
// listen to online/offline events
$(window).on('offline', core.setOffline);
$(window).on('online', setOnline);
if(navigator.onLine === false) {
core.setOffline();
}
// Detect user activity
$(document).mousemove(setUserActive).keypress(setUserActive);
// Avoid dropdown to close when clicking on submenu
$(".dropdown-submenu > a").click(function(e) {
e.stopPropagation();
});
$menuPanelElt = $('.menu-panel').collapse({
toggle: false
});
var menuPanelBackdropElt;
$menuPanelElt.on('show.bs.collapse', function(e) {
if(e.target === $menuPanelElt[0]) {
isMenuPanelShown = true;
menuPanelBackdropElt = utils.createBackdrop('collapse', '.menu-panel');
$menuPanelElt.addClass('move-to-front');
// To avoid opening delay
setTimeout(function() {
$menuPanelElt.trigger($.support.transition.end);
}, 50);
}
else {
// Close all open sub-menus when one submenu opens
$menuPanelElt.find('.in').collapse('hide');
}
}).on('hide.bs.collapse', function(e) {
if(e.target === $menuPanelElt[0]) {
isMenuPanelShown = false;
menuPanelBackdropElt.parentNode.removeChild(menuPanelBackdropElt);
$menuPanelElt.removeClass('move-to-front');
aceEditor ? aceEditor.focus() : $editorElt.focus();
}
}).on('hidden.bs.collapse', function(e) {
if(e.target === $menuPanelElt[0]) {
// Close all open sub-menus when menu panel is closed
$menuPanelElt.find('.in').collapse('hide');
}
});
$documentPanelElt = $('.document-panel').collapse({
toggle: false
});
var documentPanelBackdropElt;
$documentPanelElt.on('show.bs.collapse', function(e) {
if(e.target === $documentPanelElt[0]) {
isDocumentPanelShown = true;
documentPanelBackdropElt = utils.createBackdrop('collapse', '.document-panel');
$documentPanelElt.addClass('move-to-front');
// To avoid opening delay
setTimeout(function() {
$documentPanelElt.trigger($.support.transition.end);
}, 50);
}
else {
// Close all open sub-menus when one submenu opens
$documentPanelElt.find('.in').collapse('hide');
}
}).on('hide.bs.collapse', function(e) {
if(e.target === $documentPanelElt[0]) {
isDocumentPanelShown = false;
documentPanelBackdropElt.parentNode.removeChild(documentPanelBackdropElt);
$documentPanelElt.removeClass('move-to-front');
aceEditor ? aceEditor.focus() : $editorElt.focus();
}
}).on('hidden.bs.collapse', function(e) {
if(e.target === $documentPanelElt[0]) {
// Close all open sub-menus when menu panel is closed
$documentPanelElt.find('.in').collapse('hide');
}
});
// Editor
if(window.lightMode) {
// In pre mode, we replace ACE with an editable pre
$('#wmd-input').replaceWith(function() {
return $('
').addClass(this.className).addClass('form-control');
});
// Create UI layout after textarea
createLayout();
editor.init(document.querySelector('#wmd-input'), document.querySelector('.preview-container'));
}
else {
// Create UI layout before ACE editor
createLayout();
// ACE editor
createAceEditor();
}
$editorElt = $('#wmd-input');
// Do periodic tasks
intervalId = window.setInterval(function() {
utils.updateCurrentTime();
checkWindowUnique();
if(isUserActive() === true || window.viewerMode === true) {
eventMgr.onPeriodicRun();
checkOnline();
}
}, 1000);
eventMgr.onReady();
// Adjust the layout after the dom has changed
adjustWindow();
};
// Other initialization that are not prioritary
eventMgr.addListener("onReady", function() {
// In vertical mode, we have to offset the editor buttons otherwise they hide the editor buttons
if(!window.viewerMode && settings.layoutOrientation == "vertical") {
$previewButtonsElt.css('right', parseInt($previewButtonsElt.css('right')) + $editorButtonsElt.width());
}
var isModalShown = false;
$('.modal').on('show.bs.modal', function() {
// Close panel if open
$menuPanelElt.collapse('hide');
$documentPanelElt.collapse('hide');
isModalShown = true;
}).on('shown.bs.modal', function() {
var $elt = $(this);
setTimeout(function() {
// When modal opens focus on the first button
$elt.find('.btn:first').focus();
// Or on the first link if any
$elt.find('button:first').focus();
// Or on the first input if any
$elt.find("input:enabled:visible:first").focus();
}, 50);
}).on('hidden.bs.modal', function() {
// Focus on the editor when modal is gone
isModalShown = false;
aceEditor ? aceEditor.focus() : $editorElt.focus();
// Revert to current theme when settings modal is closed
applyTheme(window.theme);
}).keyup(function(e) {
// Handle enter key in modals
if(e.which == 13 && !$(e.target).is("textarea")) {
$(this).find(".modal-footer a:last").click();
}
});
// Hide menu panel when clicking 'Save as' button
$('.collapse-save-as a').click(function() {
$menuPanelElt.collapse('hide');
});
// Configure Mousetrap
mousetrap.stopCallback = function(e, element) {
return isMenuPanelShown || isDocumentPanelShown || isModalShown || $(element).is("input, select, textarea:not(.ace_text-input)");
};
// Click events on "insert link" and "insert image" dialog buttons
$(".action-insert-link").click(function(e) {
var value = utils.getInputTextValue($("#input-insert-link"), e);
if(value !== undefined) {
core.insertLinkCallback(value);
core.insertLinkCallback = undefined;
}
});
$(".action-insert-image").click(function(e) {
var value = utils.getInputTextValue($("#input-insert-image"), e);
if(value !== undefined) {
core.insertLinkCallback(value);
core.insertLinkCallback = undefined;
}
});
// Hide events on "insert link" and "insert image" dialogs
$(".modal-insert-link, .modal-insert-image").on('hidden.bs.modal', function() {
if(core.insertLinkCallback !== undefined) {
core.insertLinkCallback(null);
core.insertLinkCallback = undefined;
}
});
// Settings loading/saving
$(".action-load-settings").click(function() {
loadSettings();
});
$(".action-apply-settings").click(function(e) {
saveSettings(e);
if(!e.isPropagationStopped()) {
window.location.reload();
}
});
// Hot theme switcher in the settings
var currentTheme = window.theme;
function applyTheme(theme) {
theme = theme || 'default';
if(currentTheme != theme) {
var themeModule = "less!themes/" + theme;
if(window.baseDir.indexOf('-min') !== -1) {
themeModule = "css!themes/" + theme;
}
// Undefine the module in RequireJS
requirejs.undef(themeModule);
// Then reload the style
require([
themeModule
]);
currentTheme = theme;
}
}
$themeInputElt = $("#input-settings-theme");
$themeInputElt.on("change", function() {
applyTheme(this.value);
});
// Import docs and settings
$(".action-import-docs-settings").click(function() {
$("#input-file-import-docs-settings").click();
});
var newstorage;
$("#input-file-import-docs-settings").change(function(evt) {
var files = (evt.dataTransfer || evt.target).files;
$(".modal-settings").modal("hide");
_.each(files, function(file) {
var reader = new FileReader();
reader.onload = (function(importedFile) {
return function(e) {
try {
newstorage = JSON.parse(e.target.result);
// Compare storage version
var newVersion = parseInt(newstorage.version.match(/^v(\d+)$/)[1], 10);
var currentVersion = parseInt(storage.version.match(/^v(\d+)$/)[1], 10);
if(newVersion > currentVersion) {
// We manage storage upgrade, not downgrade
eventMgr.onError("Incompatible version. Please upgrade StackEdit.");
} else {
$('.modal-import-docs-settings').modal('show');
}
}
catch(exc) {
eventMgr.onError("Wrong format: " + importedFile.name);
}
$("#input-file-import-docs-settings").val('');
};
})(file);
reader.readAsText(file);
});
});
$(".action-import-docs-settings-confirm").click(function() {
storage.clear();
var allowedKeys = /^file\.|^folder\.|^publish\.|^settings$|^sync\.|^google\.|^themeV3$|^mode$|^version$|^welcomeTour$/;
_.each(newstorage, function(value, key) {
if(allowedKeys.test(key)) {
storage[key] = value;
}
});
window.location.reload();
});
// Export settings
$(".action-export-docs-settings").click(function() {
utils.saveAs(JSON.stringify(storage), "StackEdit local storage.json");
});
$(".action-default-settings").click(function() {
storage.removeItem("settings");
storage.removeItem("theme");
if(!settings.dropboxFullAccess) {
storage.removeItem('dropbox.lastChangeId');
}
window.location.reload();
});
$(".action-app-reset").click(function() {
storage.clear();
window.location.reload();
});
// Reset inputs
$(".action-reset-input").click(function() {
utils.resetModalInputs();
});
// Tooltips
var openedTooltip;
function createTooltip(selector, content) {
_.each(document.querySelectorAll(selector), function(tooltipElt) {
var $tooltipElt = $(tooltipElt);
$tooltipElt.tooltip({
html: true,
container: $tooltipElt.parents('.modal-content'),
placement: 'right',
trigger: 'manual',
title: content
}).click(function() {
var elt = this;
if(openedTooltip && openedTooltip[0] === elt) {
return;
}
_.defer(function() {
$(document).on("click.close-tooltip", function() {
openedTooltip && openedTooltip.tooltip('hide');
openedTooltip = undefined;
$(document).off("click.close-tooltip");
});
openedTooltip = $(elt).tooltip('show');
});
});
});
}
createTooltip(".tooltip-lazy-rendering", 'Disable preview rendering while typing in order to offload CPU. Refresh preview after 500 ms of inactivity.');
createTooltip(".tooltip-default-content", [
'Thanks for supporting StackEdit by adding a backlink in your documents!
',
'NOTE: Backlinks in Stack Exchange Q/A are not welcome.'
].join(''));
createTooltip(".tooltip-usercustom-extension", settingsUserCustomExtensionTooltipHTML);
createTooltip(".tooltip-template", settingsTemplateTooltipHTML);
// Avoid dropdown panels to close on click
$("div.dropdown-menu").click(function(e) {
e.stopPropagation();
});
// Non unique window dialog
$('.modal-non-unique').modal({
backdrop: "static",
keyboard: false,
show: false
});
// Load images
_.each(document.querySelectorAll('img'), function(imgElt) {
var $imgElt = $(imgElt);
var src = $imgElt.data('stackeditSrc');
if(src) {
$imgElt.attr('src', window.baseDir + '/img/' + src);
}
});
if(window.viewerMode === false) {
// Load theme list
var themeOptions = _.reduce(constants.THEME_LIST, function(themeOptions, name, value) {
return themeOptions + '';
}, '');
document.getElementById('input-settings-theme').innerHTML = themeOptions;
}
});
return core;
});