2014-12-18 16:13:15 +00:00
|
|
|
import Q from 'q';
|
2014-12-21 20:22:01 +00:00
|
|
|
import Snap from 'snapsvg';
|
2014-12-18 16:13:15 +00:00
|
|
|
|
2014-12-20 01:41:02 +00:00
|
|
|
import javascript from './javascript/parser.js';
|
2014-11-26 23:24:40 +00:00
|
|
|
|
2014-12-18 16:13:15 +00:00
|
|
|
export default class Parser {
|
|
|
|
constructor() {
|
|
|
|
this.state = {
|
|
|
|
groupCounter: 1,
|
|
|
|
renderCounter: 0,
|
|
|
|
maxCounter: 0,
|
2014-12-22 21:57:30 +00:00
|
|
|
cancelRender: false,
|
|
|
|
warnings: []
|
2014-12-18 16:13:15 +00:00
|
|
|
};
|
|
|
|
}
|
|
|
|
|
|
|
|
parse(expression) {
|
|
|
|
var deferred = Q.defer();
|
|
|
|
|
|
|
|
setTimeout(() => {
|
2014-12-20 15:47:41 +00:00
|
|
|
try {
|
|
|
|
javascript.Parser.SyntaxNode.state = this.state;
|
|
|
|
|
|
|
|
this.parsed = javascript.parse(expression.replace(/\n/g, '\\n'));
|
|
|
|
deferred.resolve(this);
|
|
|
|
}
|
|
|
|
catch(e) {
|
|
|
|
deferred.reject(e);
|
|
|
|
}
|
2014-12-18 16:13:15 +00:00
|
|
|
});
|
|
|
|
|
|
|
|
return deferred.promise;
|
|
|
|
}
|
|
|
|
|
2014-12-25 04:01:32 +00:00
|
|
|
render(containerElement, styles) {
|
|
|
|
var svg,
|
|
|
|
style = document.createElement('style');
|
2014-12-21 20:22:01 +00:00
|
|
|
|
2014-12-25 04:01:32 +00:00
|
|
|
containerElement.innerHTML = '<svg xmlns="http://www.w3.org/2000/svg" version="1.1"></svg>';
|
2014-12-21 20:22:01 +00:00
|
|
|
|
2014-12-25 04:01:32 +00:00
|
|
|
svg = Snap(containerElement.querySelector('svg'));
|
|
|
|
|
|
|
|
style.setAttribute('type', 'text/css');
|
|
|
|
if (style.styleSheet) {
|
|
|
|
style.styleSheet.cssText = styles;
|
|
|
|
} else {
|
|
|
|
style.appendChild(document.createTextNode(styles));
|
|
|
|
}
|
|
|
|
|
|
|
|
svg.select('defs').append(style);
|
2014-12-18 00:24:33 +00:00
|
|
|
|
2014-12-18 16:13:15 +00:00
|
|
|
return this.parsed.render(svg.group())
|
|
|
|
.then(result => {
|
|
|
|
var box = result.getBBox();
|
2014-12-10 11:18:55 +00:00
|
|
|
|
2014-12-18 16:13:15 +00:00
|
|
|
result.transform(Snap.matrix()
|
2014-12-21 20:22:01 +00:00
|
|
|
.translate(10 - box.x, 10 - box.y));
|
2014-12-18 16:13:15 +00:00
|
|
|
svg.attr({
|
2014-12-21 20:22:01 +00:00
|
|
|
width: box.width + 20,
|
|
|
|
height: box.height + 20
|
2014-12-18 16:13:15 +00:00
|
|
|
});
|
|
|
|
});
|
|
|
|
}
|
2014-12-18 00:24:33 +00:00
|
|
|
|
2014-12-18 16:13:15 +00:00
|
|
|
cancel() {
|
|
|
|
this.state.cancelRender = true;
|
|
|
|
}
|
2014-12-22 21:57:30 +00:00
|
|
|
|
|
|
|
get warnings() {
|
|
|
|
return this.state.warnings;
|
|
|
|
}
|
2014-12-18 16:13:15 +00:00
|
|
|
}
|