define([ "underscore", "crel", "classes/Extension", "text!html/partialRenderingSettingsBlock.html", ], function(_, crel, Extension, partialRenderingSettingsBlockHTML) { var partialRendering = new Extension("partialRendering", "Partial Rendering", true); partialRendering.settingsBlock = partialRenderingSettingsBlockHTML; var converter = undefined; var sectionCounter = 0; var sectionList = []; var linkDefinition = undefined; var sectionsToRemove = []; var modifiedSections = []; var insertBeforeSection = undefined; var fileChanged = false; function updateSectionList(newSectionList, newLinkDefinition) { modifiedSections = []; sectionsToRemove = []; insertBeforeSection = undefined; // Render everything if file or linkDefinition changed if(fileChanged === true || linkDefinition != newLinkDefinition) { fileChanged = false; linkDefinition = newLinkDefinition; sectionsToRemove = sectionList; sectionList = newSectionList; modifiedSections = newSectionList; return; } // Find modified sections starting from top var leftIndex = sectionList.length; _.some(sectionList, function(section, index) { if(index >= newSectionList.length || section.text != newSectionList[index].text) { leftIndex = index; return true; } }); // Find modified sections starting from bottom var rightIndex = -sectionList.length; _.some(sectionList.slice().reverse(), function(section, index) { if(index >= newSectionList.length || section.text != newSectionList[newSectionList.length - index - 1].text) { rightIndex = -index; return true; } }); // Create an array composed of left unmodified, modified, right // unmodified sections var leftSections = sectionList.slice(0, leftIndex); modifiedSections = newSectionList.slice(leftIndex, newSectionList.length + rightIndex); var rightSections = sectionList.slice(sectionList.length + rightIndex, sectionList.length); insertBeforeSection = _.first(rightSections); sectionsToRemove = sectionList.slice(leftIndex, sectionList.length + rightIndex); sectionList = leftSections.concat(modifiedSections).concat(rightSections); } var doFootnotes = false; var hasFootnotes = false; partialRendering.onSectionsCreated = function(sectionListParam) { var newSectionList = []; var newLinkDefinition = ""; hasFootnotes = false; _.each(sectionListParam, function(text) { text += "\n\n"; // Strip footnotes if(doFootnotes) { text = text.replace(/^```.*\n[\s\S]*?\n```|\n[ ]{0,3}\[\^(.+?)\]\:[ \t]*\n?([\s\S]*?)\n{1,2}((?=\n[ ]{0,3}\S)|$)/g, function(wholeMatch, footnote) { if(footnote) { hasFootnotes = true; newLinkDefinition += wholeMatch; return ""; } return wholeMatch; }); } // Strip link definitions text = text.replace(/^```.*\n[\s\S]*?\n```|^[ ]{0,3}\[(.+)\]:[ \t]*\n?[ \t]*?(?=\s|$)[ \t]*\n?[ \t]*((\n*)["(](.+?)[")][ \t]*)?(?:\n+)/gm, function(wholeMatch, link) { if(link) { newLinkDefinition += wholeMatch; return ""; } return wholeMatch; }); // Skip space only sections if(/\S/.test(text)) { // Add section to the newSectionList newSectionList.push({ id: ++sectionCounter, text: text }); } }); updateSectionList(newSectionList, newLinkDefinition); }; var footnoteContainerElt = undefined; var previewContentsElt = undefined; var footnoteMap = {}; function refreshSections() { // Remove outdated sections _.each(sectionsToRemove, function(section) { var sectionElt = document.getElementById("wmd-preview-section-" + section.id); previewContentsElt.removeChild(sectionElt); }); var wmdPreviewElt = document.getElementById("wmd-preview"); var markdownEltList = Array.prototype.slice.call(wmdPreviewElt.childNodes); wmdPreviewElt.innerHTML = ''; var newSectionEltList = document.createDocumentFragment(); _.each(modifiedSections, function(section) { var sectionElt = crel('div', { id: 'wmd-preview-section-' + section.id, class: 'wmd-preview-section preview-content' }); var isFirst = true; while(markdownEltList.length !== 0) { var elt = markdownEltList[0]; if(isFirst === false && /(^| )wmd-title($| )/.test(elt.className)) { // Stop when encountered the next wmd-title break; } isFirst = false; if(elt.tagName == 'DIV' && elt.className == 'footnotes') { _.each(elt.querySelectorAll("ol > li"), function(footnoteElt) { // Store each footnote in our footnote map var id = footnoteElt.id.substring(3); footnoteMap[id] = footnoteElt; }); } else { sectionElt.appendChild(elt); } markdownEltList.shift(); }; newSectionEltList.appendChild(sectionElt); }); var insertBeforeElt = footnoteContainerElt; if(insertBeforeSection !== undefined) { insertBeforeElt = document.getElementById("wmd-preview-section-" + insertBeforeSection.id); } previewContentsElt.insertBefore(newSectionEltList, insertBeforeElt); // Rewrite footnotes in the footer and update footnote numbers footnoteContainerElt.innerHTML = ''; var usedFootnoteIds = []; if(hasFootnotes === true) { var footnoteElts = crel('ol'); _.each(previewContentsElt.querySelectorAll('a.footnote'), function(elt, index) { elt.textContent = index + 1; var id = elt.id.substring(6); usedFootnoteIds.push(id); footnoteElts.appendChild(footnoteMap[id].cloneNode(true)); }); if(usedFootnoteIds.length > 0) { // Append the whole footnotes at the end of the document footnoteContainerElt.appendChild(crel('div', { class: 'footnotes' }, crel('hr'), footnoteElts)); } // Keep used footnotes only in our map footnoteMap = _.pick(footnoteMap, usedFootnoteIds); } } partialRendering.onEditorConfigure = function(editor) { converter = editor.getConverter(); converter.hooks.chain("preConversion", function(text) { var result = _.map(modifiedSections, function(section) { return section.text; }); result.push(linkDefinition + "\n\n"); return result.join(""); }); editor.hooks.chain("onPreviewRefresh", function() { refreshSections(); }); }; partialRendering.onReady = function() { footnoteContainerElt = crel('div', { id: 'wmd-preview-section-footnotes', class: 'preview-content' }); previewContentsElt = document.getElementById("preview-contents"); previewContentsElt.appendChild(footnoteContainerElt); }; partialRendering.onFileSelected = function() { fileChanged = true; }; partialRendering.onFileOpen = function() { if(converter.extraExtensions) { doFootnotes = _.some(converter.extraExtensions, function(extension) { return extension == "footnotes"; }); } }; return partialRendering; });