require(["dojo/dom", "dojo/query", "dojo/on", "dojo/request", "markdown-it", "markdown-it-deflist", "markdown-it-emoji", "markdown-it-footnote", "markdown-it-ins", "markdown-it-sub", "markdown-it-sup", "dojo/domReady!"],
		function(dom, query,       on,        request,        MarkdownIt,    MarkdownItDefList,     MarkdownItEmoji,     MarkdownItFootnote,     MarkdownItIns,     MarkdownItSub,     MarkdownItSup){

    function resizeFrame(elem) {
         elem.style.height = (window.innerHeight - 280) + "px";
    }

    function getURLParameter(name) {
      return decodeURIComponent((new RegExp('[?|&]' + name + '=' + '([^&;]+?)(&|#|;|$)').exec(location.search) || [, ""])[1].replace(/\+/g, '%20')) || null
    }

    var nodePath = getURLParameter("nodeRef").replace(":/","");

    request.get(Alfresco.constants.PROXY_URI_RELATIVE + "/slingshot/doclib2/node/" + nodePath,{ handleAs: "json"}).then(function(nodeData) {


        var locationPath = Alfresco.constants.PROXY_URI_RELATIVE + "markdown" + nodeData.item.location.repoPath + "/";
        
        var mdOpts = {
    		html: true,
    		typographer: true,
    		highlight: function (str, lang) {
			    if (lang && hljs.getLanguage(lang)) {
			        try {
			            return hljs.highlight(lang, str).value;
			        } catch (__) {}
			    }
			
			    return ''; // use external default escaping
			}
		};
		
    	var md = new MarkdownIt(mdOpts)
				.use(new MarkdownItIns())
				.use(new MarkdownItSub())
				.use(new MarkdownItSuper())
				.use(new MarkdownItEmoji())
				.use(new MarkdownItFootnote())
				.use(new MarkdownItDefList());

        var translateImageSrc = function(source) {
                            return source.replace(/<img src="([^"]*)"/g, function(match, src) {

                                if(src.startsWith("http")) {
                                    //if this includes external links, then don't change it.
                                    return match;
                                } else {
                                    //if it's a relative link, we need to use our webscript
                                    return "<img src=\"" + locationPath + src + "\"";
                                }
                            });
        };

        var editorFrame = dom.byId("md-text");
        var previewFrame = dom.byId("md-body");
        var saveBack = dom.byId("markdownSaveback");

        resizeFrame(editorFrame);
        resizeFrame(previewFrame);


        on(window, "resize", function() {
            resizeFrame(editorFrame);
            resizeFrame(previewFrame);
        });

        function updateMarkdown() {
            previewFrame.innerHTML = md.render(editorFrame.value);
        }

        on(editorFrame, "change", updateMarkdown);
        on(editorFrame, "keyup", updateMarkdown);
        on(editorFrame, "paste", updateMarkdown);

        request.get(Alfresco.constants.PROXY_URI_RELATIVE + "/api/node/content/" + nodePath).then(function(nodeContent) {
            editorFrame.value = nodeContent;
            updateMarkdown();
        });


        on(saveBack, "click", function() {

            var postHeaders = {
                "Content-Type" : "application/json"
            }

            if (Alfresco.util.CSRFPolicy && Alfresco.util.CSRFPolicy.isFilterEnabled()) {
                postHeaders[Alfresco.util.CSRFPolicy.getHeader()] = Alfresco.util.CSRFPolicy.getToken();
            }

            request.post(Alfresco.constants.PROXY_URI_RELATIVE + "api/node/" + nodePath + "/formprocessor", {
                headers: postHeaders,
                data : JSON.stringify({
                    prop_cm_content : editorFrame.value
                })
            }).then(function() {
                Alfresco.util.PopupManager.displayMessage({"text": "Update Submitted"});
            }, function (err) {
                //Tries to find the exception from the error page and send a prompt
                Alfresco.util.PopupManager.displayPrompt({"title": "Error Updating Alfresco"});
            });

        });

    });

});