mirror of
https://github.com/jsbin/jsbin.git
synced 2026-01-18 15:18:04 +00:00
82039849e7
Used to only support HTML, CSS and JavaScript (with alias support), but now it will correctly move posted values for coffeescript, less, etc to the right processor. Feels pretty hacky the way it's been done though, and highlights the issue with aliases (or rather inconsistent) naming on the live/output panel. I prefer output, but legacy code has 'live'. Note already exists, but saying again: editor.js needs a refactor.
98 lines
2.0 KiB
JavaScript
98 lines
2.0 KiB
JavaScript
// 1. preload all the available preprocessors
|
|
var path = require('path'),
|
|
root = path.resolve(path.join(__dirname, '../../')),
|
|
jade = require('jade'),
|
|
coffee = require(root + '/public/js/vendor/coffee-script').CoffeeScript,
|
|
markdown = require(root + '/public/js/vendor/markdown'),
|
|
less = require('less');
|
|
//stylus = require('stylus');
|
|
|
|
|
|
module.exports = {
|
|
aliases: {
|
|
'md': 'markdown',
|
|
'mdown': 'markdown',
|
|
'coffee': 'coffeescript',
|
|
'pde': 'processing',
|
|
'ts': 'typescript',
|
|
'styl': 'stylus',
|
|
},
|
|
|
|
lookup: {
|
|
'markdown': 'html',
|
|
'jade': 'html',
|
|
'coffeescript': 'javascript',
|
|
'pde': 'javascript',
|
|
'ts': 'javascript',
|
|
'stylus': 'css',
|
|
'less': 'css',
|
|
'sass': 'css',
|
|
'scss': 'css',
|
|
},
|
|
|
|
coffeescript: function (source) {
|
|
var renderedCode = '';
|
|
try {
|
|
renderedCode = coffee.compile(source, {
|
|
bare: true
|
|
});
|
|
} catch (e) {
|
|
if (console) {
|
|
console.error(e.message);
|
|
}
|
|
}
|
|
return renderedCode;
|
|
},
|
|
jade: function (source) {
|
|
try {
|
|
source = jade.compile(source, { pretty: true })();
|
|
} catch (e) {}
|
|
|
|
return source;
|
|
},
|
|
markdown: function (source) {
|
|
try {
|
|
source = markdown.toHTML(source);
|
|
} catch (e) {}
|
|
|
|
return source;
|
|
},
|
|
less: function (source) {
|
|
var css = '';
|
|
try {
|
|
less.Parser().parse(source, function (err, result) {
|
|
if (err) {
|
|
if (console) {
|
|
console.error(err);
|
|
}
|
|
return source;
|
|
}
|
|
css = result.toCSS().trim();
|
|
});
|
|
} catch (e) {}
|
|
return css;
|
|
},
|
|
stylus: function (source) {
|
|
var css = '';
|
|
|
|
return source;
|
|
/*
|
|
|
|
// disabled due to huge infinite loop bug... ::sigh::
|
|
try {
|
|
stylus(source).render(function (err, result) {
|
|
if (err) {
|
|
if (console) {
|
|
console.error(err);
|
|
}
|
|
return;
|
|
}
|
|
css = result.trim();
|
|
});
|
|
} catch (e) {}
|
|
|
|
return css;
|
|
*/
|
|
}
|
|
};
|