- Include remark script statically in compiled HTML. Thank you Matt K…

…antor

- As the generated file grows (around takes 850kB) when including the remark script,
this enhancement must be enabled with the `--include-remark` parameter
- Version changed to 1.0.3

README.md

@@ -106,6 +106,7 @@ The same, enabling the document mode.
 --document-mode, -d  Generate slides from a document without slide separators (---) or annotations
 --watch, -w          Watch mode
 --level              Heading level to use as new slides (for example 3 is ###)
+--include-remark -i  Include Remark sources (around 850kB) into the generated document
 ```
 
 ## Notes
@@ -125,12 +126,16 @@ In other words, it is like markdown-to-slides, but for many documents at once, w
 ## Todo
 
 - validate that md file exists
-- store remark locally, or directly in the generated HTML document
 - split big slides
 - handle foot notes (from additional file?)
 
 ## Changelog
 
+### Version 1.0.3
+
+- Include remark script statically in compiled HTML. Thank you [Matt Kantor](https://github.com/mkantor)
+- As the generated file grows (around takes 850kB) when including the remark script, this enhancement must be enabled with the `--include-remark` parameter
+
 ### Version 1.0.2
 
 - It is possible to choose the heading level (default was 3, i.e. `###`) to split slides (#2)

index.js

@@ -2,6 +2,7 @@
 var path = require('path');
 var templateDir = __dirname + '/template';
 var optimist = require('optimist')
+.usage('Usage: $0 file.md')
 .alias({
 	't': 'title',
 	'l': 'template',
@@ -11,7 +12,8 @@ var optimist = require('optimist')
 	'o': 'output-file',
 	'w': 'watch',
 	'v': 'version',
-	'd': 'document-mode'
+	'd': 'document-mode',
+	'i': 'include-remark'
 })
 .describe({
 	'title': 'Generated page title',
@@ -22,11 +24,13 @@ var optimist = require('optimist')
 	'output-file': 'Path to output file (stdout if not specified)',
 	'document-mode': 'Generate slides from a document without slide separators (---) or annotations',
 	'watch': 'Watch mode',
-	'level': 'Heading level to use as new slides (for example 3 is ###)'
+	'level': 'Heading level to use as new slides (for example 3 is ###)',
+	'include-remark': 'Include Remark sources (around 850kB) into the generated document'
 })
 .boolean('watch')
 .boolean('document-mode')
 .boolean('version')
+.boolean('include-remark')
 .default({
 	'style': path.resolve(templateDir + '/style.css'),
 	'template': path.resolve(templateDir + '/template.html'),

lib/compile.js

@@ -52,9 +52,12 @@ module.exports = function (argv, md) {
 	var style = fs.readFileSync(argv.style);
 	// Load script
 	var script = argv.script ? fs.readFileSync(argv.script) : '';
-	// Load remark source code.
-	var remarkPath = require.resolve('remark/out/remark');
-	var remarkSource = fs.readFileSync(remarkPath);
+	var remarkSource = '<script src="http://gnab.github.io/remark/downloads/remark-latest.min.js"></script>';
+	if (argv['include-remark']) {
+		// Load remark source code.
+		var remarkPath = require.resolve('remark/out/remark');
+		remarkSource = '<script>' + fs.readFileSync(remarkPath) + '</script>';
+	}
 	// Compile template and pipe it out.
 	var rendered = mustache.render(fs.readFileSync(argv.template, 'utf8'), {
 		content: content,

package.json

@@ -1,6 +1,6 @@
 {
 	"name": "markdown-to-slides",
-	"version": "1.0.2",
+	"version": "1.0.3",
 	"description": "Transform a markdown file to an HTML slideshow, using remark",
 	"main": "index.js",
 	"scripts": {

template/template.html

@@ -11,7 +11,7 @@
 		<textarea id="source">
 {{{content}}}
 		</textarea>
-		<script>{{{remarkSource}}}</script>
+		{{{remarkSource}}}
 		<script>
 			var slideshow = remark.create();
 		</script>