import {articlesList, render} from DomRenderer; import blog from Hablo.Config; import * as Async from UnitJS.Async; import * as Cache from UnitJS.Cache; import * as Dom from UnitJS.Dom; import * as Fun from UnitJS.Fun; var cache = {}; ['article', 'page'].forEach(function(contentType) { cache[contentType] = Cache.make(function(key) { var url = ["", blog.path[contentType + 'sPath'], key + '.md'].join('/'); return Async.bind( Async.http({method: 'GET', url: url}), function(queryResult) { if(queryResult.status == 200) { return Async.wrap(queryResult.responseText); } else { return Async.fail( "Could not load " + contentType + " " + url + " (" + queryResult.status + " " + queryResult.statusText + ")" ); } } ); }); }); window.addEventListener('popstate', function(e) { if(e.state != undefined) { navigate(e.state.url); } }); history.replaceState({url: window.location.pathname}, 'Blog - title', window.location.pathname); return { hijackLinks: hijackLinks }; function hijackLinks(domElem) { domElem = domElem || document; var links = domElem.getElementsByTagName('a'); for(var i = 0; i < links.length; i++) { var a = links[i]; var href = a.getAttribute("href"); if((href[0] == "/" && href.slice(-3) != ".md") || href[0] == "#") { a.addEventListener('click', visit(a.getAttribute("href"))); } } } function visit(url) { return function(e) { e.preventDefault(); if(url[0] == '#') { window.location = url; history.replaceState({url: window.location.pathname}, 'Blog - title', url); } else { navigate(url); history.pushState({url: url}, 'Blog - title', url); } }; } function navigate(url) { var path = decodeURI(url).split("/").slice(1); if(blog.tags[path[0]] != undefined) { show(getArticlesList(path[0], path[1] == "all.html")); } else if(path[0] == blog.path.articlesPath) { show(getResource('article', path[1].replace(/\.html$/, ''))); } else if(path[0] == blog.path.pagesPath) { show(getResource('page', path[1].replace(/\.html$/, ''))); } else { show(getArticlesList(null, path[0] == "all.html")); } } function getResource(contentType, key) { return Async.bind( cache[contentType].get(key), Async.map( function(contents) {return [render(contentType, key, contents)];} ) ); } function preview(key) { return Async.bind( cache.article.get(key), function(contents) { return Async.wrap( render('article', key, contents, blog.skin.previewLinesCount) ); } ); } function articleIds(tag, all) { var ids = tag != undefined ? blog.tags[tag] : Object.keys(blog.articles); var reverseDate = function (id) {return -blog.articles[id].metadata.date;}; ids.sort(Fun.compare(reverseDate)); return ids.slice(0, all ? undefined : blog.skin.previewArticlesCount); } function getArticlesList(tag, all) { return Async.bind( Async.parallel.apply(null, articleIds(tag, all).map(preview)), Async.map(articlesList(tag, all)) ); } function show(contents) { Async.run( Async.bind( contents, Async.map(function (domElems) { domElems = domElems.filter(Fun.defined); var div = document.getElementById('contents'); Dom.clear(div); for(var i = 0; i < domElems.length; i++) { div.appendChild(domElems[i]); } hijackLinks(div); }) ) ); }