Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

select code evaluator depending on mode #25

Open
wants to merge 1 commit into
base: master
Choose a base branch
from
Open

select code evaluator depending on mode #25

Changes from all commits
Commits
Show all changes
1 commit
Select commit
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
185 changes: 95 additions & 90 deletions deck.codemirror.js
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -7,14 +7,14 @@
(function($, deck, undefined) {

var $d = $(document);

/*
Extends defaults/options.

options.classes.codemirror
This class is added to the deck container when there is code in the
slide that should be
This class is added to the deck container when there is code in the
slide that should be

options.selectors.codemirror-item
This class should be added to the element containing code that should
be highlighted.
Expand All @@ -24,14 +24,95 @@
codemirror: 'deck-codemirror',
codemirrorresult: 'deck-codemirror-result'
},

selectors: {
codemirroritem: '.code',
},

data : {
codemirrorified: 'codemirrorified'
},

evaluatorFactoryFor : {
'javascript' : function(editor, output){
return function(event) {

// save the default logging behavior.
var real_console_log = console.log;

// save the default logging behavior.
// Following Dean Edward's fantastic sandbox code:
// http://dean.edwards.name/weblog/2006/11/sandbox/+evaluating+js+in+an+iframe
// create an iframe sandbox for this element.
var iframe = $("<iframe>")
.css("display", "none")
.appendTo($d.find('body'));

// Overwrite the default log behavior to pipe to an output element.
console.log = function() {
var messages = [];
// Convert all arguments to Strings (Objects will be JSONified).
for (var i = 0; i < arguments.length; i++) {
var value = arguments[i];
messages.push(typeof(value) == 'object' ? JSON.stringify(value) : String(value));
}
var msg = messages.join(" ");
if (output.html() !== "") {
output.append("<br />" + msg);
} else {
output.html(msg);
}
};

var sandBoxMarkup = "<script>"+
"var MSIE/*@cc_on =1@*/;"+ // sniff
"console={ log: parent.console.log };" +
"parent.sandbox=MSIE?this:{eval:function(s){return eval(s)}}<\/script>";
var exposeGlobals;
if (exposeGlobals = $(codeblock).attr("globals")) {
exposeGlobals = exposeGlobals.split(",");

$.each(exposeGlobals, function(prop, val) {
val = $.trim(val);
iframe[0].contentWindow[val] = window[val];
});
}

// write a script into the <iframe> and create the sandbox
frames[frames.length - 1].document.write(sandBoxMarkup);

var combinedSource = "";

// Prepend all setup scripts
$.each(hiddenScripts, function() {
if ($(codeblock).is(this.selector)) {
combinedSource += this.src + "\n";
}
});

combinedSource += editor.getValue();

// Append all cleanup scripts
$.each(cleanupScripts, function() {
if ($(codeblock).is(this.selector)) {
combinedSource = combinedSource + this.src + "\n";
}
});

// eval in the sandbox.
sandbox.eval(combinedSource);

// get rid of the frame. New Frame for every context.
iframe.remove();

// set the old logging behavior back.
console.log = real_console_log;
}
},
'no-mode' : function(editor, output){ output.html('mode is not set'); },
'default' : function(editor, output, mode){ output.html('evaluator is not available for your mode: ' + mode); }
},

codemirror : {
lineNumbers : true,
theme : "default",
Expand All @@ -42,7 +123,7 @@
runnable : false
}
});

// flag to indicate that we are currently in the editor. Required to stop keypress
// propagation to all other extensions.
var inEditor = false;
Expand All @@ -63,7 +144,7 @@
src: this.innerHTML
});
});

// Seek out and cache all cleanup scripts
$("script[type=\"codemirror/cleanup\"]").each(function() {
cleanupScripts.push({
Expand Down Expand Up @@ -98,10 +179,10 @@
if (codeblock.get(0).nodeName.toUpperCase() === "TEXTAREA") {
editor = CodeMirror.fromTextArea(codeblock[0], options);
} else {
// else codemirror the element's content and attach to element parent.
// else codemirror the element's content and attach to element parent.
var parent = codeblock.parent();
codeblock.hide();
editor = CodeMirror(parent[0],
editor = CodeMirror(parent[0],
$.extend(options, {
value : codeblock.html()
})
Expand Down Expand Up @@ -138,84 +219,11 @@
};
}(editor, output));

button.click(function(editor, output){
return function(event) {

// save the default logging behavior.
var real_console_log = console.log;

// save the default logging behavior.
// Following Dean Edward's fantastic sandbox code:
// http://dean.edwards.name/weblog/2006/11/sandbox/+evaluating+js+in+an+iframe
// create an iframe sandbox for this element.
var iframe = $("<iframe>")
.css("display", "none")
.appendTo($d.find('body'));

// Overwrite the default log behavior to pipe to an output element.

// Overwrite the default log behavior to pipe to an output element.
console.log = function() {
var messages = [];
// Convert all arguments to Strings (Objects will be JSONified).
for (var i = 0; i < arguments.length; i++) {
var value = arguments[i];
messages.push(typeof(value) == 'object' ? JSON.stringify(value) : String(value));
}
var msg = messages.join(" ");
if (output.html() !== "") {
output.append("<br />" + msg);
} else {
output.html(msg);
}
};

var sandBoxMarkup = "<script>"+
"var MSIE/*@cc_on =1@*/;"+ // sniff
"console={ log: parent.console.log };" +
"parent.sandbox=MSIE?this:{eval:function(s){return eval(s)}}<\/script>";

var exposeGlobals;
if (exposeGlobals = $(codeblock).attr("globals")) {
exposeGlobals = exposeGlobals.split(",");

$.each(exposeGlobals, function(prop, val) {
val = $.trim(val);
iframe[0].contentWindow[val] = window[val];
});
}

// write a script into the <iframe> and create the sandbox
frames[frames.length - 1].document.write(sandBoxMarkup);

var combinedSource = "";
// Fetch code evaluator factory based on the mode
var mode = codeblock.attr('mode') || 'no-mode';
var factory = opts.evaluatorFactoryFor[mode] || opts.evaluatorFactoryFor['default'];

// Prepend all setup scripts
$.each(hiddenScripts, function() {
if ($(codeblock).is(this.selector)) {
combinedSource += this.src + "\n";
}
});

combinedSource += editor.getValue();

// Append all cleanup scripts
$.each(cleanupScripts, function() {
if ($(codeblock).is(this.selector)) {
combinedSource = combinedSource + this.src + "\n";
}
});

// eval in the sandbox.
sandbox.eval(combinedSource);

// get rid of the frame. New Frame for every context.
iframe.remove();

// set the old logging behavior back.
console.log = real_console_log;
}
}(editor, output));
button.click(factory(editor, output, mode));
}
}
});
Expand All @@ -229,6 +237,3 @@
});
});
})(jQuery, 'deck', this);