76 lines
No EOL
2.5 KiB
JavaScript
76 lines
No EOL
2.5 KiB
JavaScript
'use strict';
|
|
|
|
Ox.SourceViewer = function(options, self) {
|
|
|
|
self = self || {};
|
|
var that = Ox.Container({}, self)
|
|
.defaults({
|
|
file: '',
|
|
replaceCode: [],
|
|
replaceComment: [],
|
|
})
|
|
.options(options)
|
|
.addClass('OxSourceViewer');
|
|
|
|
self.options.replaceComment.unshift(
|
|
// removes indentation inside <pre> tags
|
|
[
|
|
/<pre>([\s\S]+)<\/pre>/g,
|
|
function(pre, text) {
|
|
var lines = trim(text).split('\n'),
|
|
indent = Ox.min(lines.map(function(line) {
|
|
var match = line.match(/^\s+/);
|
|
return match ? match[0].length : 0;
|
|
}));
|
|
return '<pre>' + lines.map(function(line) {
|
|
return line.substr(indent);
|
|
}).join('\n') + '</pre>';
|
|
}
|
|
]
|
|
);
|
|
|
|
self.$table = $('<table>').appendTo(that.$content);
|
|
|
|
Ox.get(self.options.file, function(source) {
|
|
var sections = [{comment: '', code: ''}];
|
|
Ox.tokenize(source).forEach(function(token, i) {
|
|
var text = source.substr(token.offset, token.length),
|
|
type = token.type == 'comment' ? 'comment' : 'code';
|
|
if (!/^\/\//.test(text)) {
|
|
if (type == 'comment') {
|
|
i && sections.push({comment: '', code: ''});
|
|
text = Ox.sub(text, 2, -2);
|
|
self.options.replaceComment.forEach(function(replace) {
|
|
text = text.replace(replace[0], replace[1]);
|
|
});
|
|
}
|
|
Ox.last(sections)[type] += text;
|
|
}
|
|
});
|
|
sections.forEach(function(section) {
|
|
var $section = $('<tr>')
|
|
.appendTo(self.$table),
|
|
$comment = $('<td>')
|
|
.addClass('OxComment OxSerif')
|
|
.html(trim(section.comment))
|
|
.appendTo($section),
|
|
$code = $('<td>')
|
|
.addClass('OxCode')
|
|
.append(
|
|
Ox.SyntaxHighlighter({
|
|
replace: self.options.replaceCode,
|
|
source: trim(section.code)
|
|
})
|
|
)
|
|
.appendTo($section);
|
|
});
|
|
});
|
|
|
|
function trim(str) {
|
|
// removes leading or trailing empty line
|
|
return str.replace(/^\s*\n/, '').replace(/\n\s*$/, '');
|
|
}
|
|
|
|
return that;
|
|
|
|
}; |