2012-08-01 05:47:09 +02:00
// From https://gist.github.com/1343518
2012-09-28 15:28:06 +02:00
// Modified by Hakim to handle Markdown indented with tabs
2012-07-31 17:44:37 +02:00
( function ( ) {
2012-07-31 07:13:33 +02:00
2013-08-23 23:49:19 +02:00
if ( typeof marked === 'undefined' ) {
throw 'The reveal.js Markdown plugin requires marked to be loaded' ;
}
2013-06-25 13:15:22 +02:00
2013-08-23 23:49:19 +02:00
if ( typeof hljs !== 'undefined' ) {
marked . setOptions ( {
highlight : function ( lang , code ) {
return hljs . highlightAuto ( lang , code ) . value ;
}
} ) ;
}
2013-01-29 23:49:17 +01:00
2013-08-23 23:51:20 +02:00
function stripLeadingWhitespace ( section ) {
2013-01-29 23:49:17 +01:00
2013-08-23 23:49:19 +02:00
var template = section . querySelector ( 'script' ) ;
2013-01-29 23:49:17 +01:00
2013-08-23 23:49:19 +02:00
// strip leading whitespace so it isn't evaluated as code
var text = ( template || section ) . textContent ;
2013-01-29 23:49:17 +01:00
2013-08-23 23:49:19 +02:00
var leadingWs = text . match ( /^\n?(\s*)/ ) [ 1 ] . length ,
leadingTabs = text . match ( /^\n?(\t*)/ ) [ 1 ] . length ;
2013-01-29 23:49:17 +01:00
2013-08-23 23:49:19 +02:00
if ( leadingTabs > 0 ) {
text = text . replace ( new RegExp ( '\\n?\\t{' + leadingTabs + '}' , 'g' ) , '\n' ) ;
}
else if ( leadingWs > 1 ) {
text = text . replace ( new RegExp ( '\\n? {' + leadingWs + '}' , 'g' ) , '\n' ) ;
}
2013-01-29 23:49:17 +01:00
2013-08-23 23:49:19 +02:00
return text ;
2013-01-29 23:49:17 +01:00
2013-08-23 23:49:19 +02:00
} ;
2013-01-29 23:49:17 +01:00
2013-08-23 23:51:20 +02:00
function twrap ( el ) {
2013-01-29 23:49:17 +01:00
2013-08-23 23:49:19 +02:00
var content = el . content || el ;
if ( el . asideContent ) {
content += '<aside class="notes" data-markdown>' + el . asideContent + '</aside>' ;
}
return '<script type="text/template">' + content + '</script>' ;
} ;
2013-08-23 23:51:20 +02:00
function getForwardedAttributes ( section ) {
2013-01-29 23:49:17 +01:00
2013-08-23 23:49:19 +02:00
var attributes = section . attributes ;
var result = [ ] ;
2013-01-29 23:49:17 +01:00
2013-08-23 23:49:19 +02:00
for ( var i = 0 , len = attributes . length ; i < len ; i ++ ) {
var name = attributes [ i ] . name ,
value = attributes [ i ] . value ;
2013-01-29 23:49:17 +01:00
2013-08-23 23:49:19 +02:00
// disregard attributes that are used for markdown loading/parsing
if ( /data\-(markdown|separator|vertical|notes)/gi . test ( name ) ) continue ;
2013-07-23 17:31:30 +02:00
2013-08-23 23:49:19 +02:00
if ( value ) {
result . push ( name + '=' + value ) ;
}
else {
result . push ( name ) ;
}
}
2013-01-29 23:49:17 +01:00
2013-08-23 23:49:19 +02:00
return result . join ( ' ' ) ;
2013-01-29 23:49:17 +01:00
2013-08-23 23:49:19 +02:00
} ;
2013-01-29 23:49:17 +01:00
2013-08-23 23:51:20 +02:00
function slidifyMarkdown ( markdown , separator , vertical , notes , attributes ) {
2013-01-29 23:49:17 +01:00
2013-08-23 23:49:19 +02:00
separator = separator || '^\n---\n$' ;
notes = notes || 'note:' ;
2013-01-29 23:49:17 +01:00
2013-08-23 23:49:19 +02:00
var separatorRegex = new RegExp ( separator + ( vertical ? '|' + vertical : '' ) , 'mg' ) ,
horizontalSeparatorRegex = new RegExp ( separator ) ,
notesSeparatorRegex = new RegExp ( notes , 'mgi' ) ,
matches ,
noteMatch ,
lastIndex = 0 ,
isHorizontal ,
wasHorizontal = true ,
content ,
asideContent ,
slide ,
sectionStack = [ ] ,
markdownSections = '' ;
// iterate until all blocks between separators are stacked up
while ( matches = separatorRegex . exec ( markdown ) ) {
asideContent = null ;
2013-01-29 23:49:17 +01:00
2013-08-23 23:49:19 +02:00
// determine direction (horizontal by default)
isHorizontal = horizontalSeparatorRegex . test ( matches [ 0 ] ) ;
2013-01-29 23:49:17 +01:00
2013-08-23 23:49:19 +02:00
if ( ! isHorizontal && wasHorizontal ) {
// create vertical stack
sectionStack . push ( [ ] ) ;
}
2013-01-29 23:49:17 +01:00
2013-08-23 23:49:19 +02:00
// pluck slide content from markdown input
content = markdown . substring ( lastIndex , matches . index ) ;
noteMatch = content . split ( notesSeparatorRegex ) ;
2013-01-29 23:49:17 +01:00
2013-08-23 23:49:19 +02:00
if ( noteMatch . length === 2 ) {
content = noteMatch [ 0 ] ;
asideContent = noteMatch [ 1 ] . trim ( ) ;
}
2013-01-29 23:49:17 +01:00
2013-08-23 23:49:19 +02:00
slide = {
content : content ,
asideContent : asideContent || ''
} ;
2013-01-29 23:49:17 +01:00
2013-08-23 23:49:19 +02:00
if ( isHorizontal && wasHorizontal ) {
// add to horizontal stack
sectionStack . push ( slide ) ;
} else {
// add to vertical stack
sectionStack [ sectionStack . length - 1 ] . push ( slide ) ;
}
2013-01-29 23:49:17 +01:00
2013-08-23 23:49:19 +02:00
lastIndex = separatorRegex . lastIndex ;
wasHorizontal = isHorizontal ;
}
2013-01-29 23:49:17 +01:00
2013-08-23 23:49:19 +02:00
// add the remaining slide
( wasHorizontal ? sectionStack : sectionStack [ sectionStack . length - 1 ] ) . push ( markdown . substring ( lastIndex ) ) ;
2013-01-29 23:49:17 +01:00
2013-08-23 23:49:19 +02:00
// flatten the hierarchical stack, and insert <section data-markdown> tags
for ( var k = 0 , klen = sectionStack . length ; k < klen ; k ++ ) {
// vertical
if ( sectionStack [ k ] . propertyIsEnumerable ( length ) && typeof sectionStack [ k ] . splice === 'function' ) {
markdownSections += '<section ' + attributes + '>' +
'<section data-markdown>' + sectionStack [ k ] . map ( twrap ) . join ( '</section><section data-markdown>' ) + '</section>' +
'</section>' ;
} else {
markdownSections += '<section ' + attributes + ' data-markdown>' + twrap ( sectionStack [ k ] ) + '</section>' ;
}
}
2013-01-29 23:49:17 +01:00
2013-08-23 23:49:19 +02:00
return markdownSections ;
} ;
2012-11-16 15:25:26 +01:00
2013-08-23 23:51:20 +02:00
function queryExternalMarkdown ( ) {
2012-07-31 07:13:33 +02:00
2013-08-23 23:49:19 +02:00
var sections = document . querySelectorAll ( '[data-markdown]' ) ,
section ;
2013-01-29 23:49:17 +01:00
2013-08-23 23:49:19 +02:00
for ( var j = 0 , jlen = sections . length ; j < jlen ; j ++ ) {
2013-01-30 00:09:02 +01:00
2013-08-23 23:49:19 +02:00
section = sections [ j ] ;
if ( section . getAttribute ( 'data-markdown' ) . length ) {
var xhr = new XMLHttpRequest ( ) ,
url = section . getAttribute ( 'data-markdown' ) ;
datacharset = section . getAttribute ( 'data-charset' ) ;
// see https://developer.mozilla.org/en-US/docs/Web/API/element.getAttribute#Notes
if ( datacharset != null && datacharset != '' ) {
xhr . overrideMimeType ( 'text/html; charset=' + datacharset ) ;
}
xhr . onreadystatechange = function ( ) {
if ( xhr . readyState === 4 ) {
if ( xhr . status >= 200 && xhr . status < 300 ) {
section . outerHTML = slidifyMarkdown ( xhr . responseText , section . getAttribute ( 'data-separator' ) , section . getAttribute ( 'data-vertical' ) , section . getAttribute ( 'data-notes' ) , getForwardedAttributes ( section ) ) ;
}
else {
section . outerHTML = '<section data-state="alert">ERROR: The attempt to fetch ' + url + ' failed with the HTTP status ' + xhr . status +
'. Check your browser\'s JavaScript console for more details.' +
'<p>Remember that you need to serve the presentation HTML from a HTTP server and the Markdown file must be there too.</p></section>' ;
}
}
} ;
xhr . open ( 'GET' , url , false ) ;
try {
xhr . send ( ) ;
}
catch ( e ) {
alert ( 'Failed to get the Markdown file ' + url + '. Make sure that the presentation and the file are served by a HTTP server and the file can be found there. ' + e ) ;
}
} else if ( section . getAttribute ( 'data-separator' ) ) {
var markdown = stripLeadingWhitespace ( section ) ;
section . outerHTML = slidifyMarkdown ( markdown , section . getAttribute ( 'data-separator' ) , section . getAttribute ( 'data-vertical' ) , section . getAttribute ( 'data-notes' ) , getForwardedAttributes ( section ) ) ;
}
}
} ;
2013-08-23 23:51:20 +02:00
function queryMarkdownSlides ( ) {
2013-08-23 23:49:19 +02:00
var sections = document . querySelectorAll ( '[data-markdown]' ) ;
for ( var j = 0 , jlen = sections . length ; j < jlen ; j ++ ) {
makeHtml ( sections [ j ] ) ;
}
} ;
2013-08-23 23:51:20 +02:00
function makeHtml ( section ) {
2013-08-23 23:49:19 +02:00
var notes = section . querySelector ( 'aside.notes' ) ;
var markdown = stripLeadingWhitespace ( section ) ;
section . innerHTML = marked ( markdown ) ;
if ( notes ) {
section . appendChild ( notes ) ;
}
} ;
queryExternalMarkdown ( ) ;
queryMarkdownSlides ( ) ;
2013-01-29 23:49:17 +01:00
} ) ( ) ;