kopia lustrzana https://github.com/miklobit/TiddlyWiki5
Refactoring tiddler rendering
The new approach is to compile each tiddler into a JavaScript function that renders it at run time. Lots of changes over the next few days, and not all the tests are going to survive at all times...print-window-tiddler
Jeremy Ruston
rodzic
04dc396f2a
commit
762985a846
|
|
@ -0,0 +1,316 @@
|
|||
/*\
|
||||
title: js/WikiTextCompiler.js
|
||||
|
||||
\*/
|
||||
(function(){
|
||||
|
||||
/*jslint node: true */
|
||||
"use strict";
|
||||
|
||||
var ArgParser = require("./ArgParser.js").ArgParser,
|
||||
utils = require("./Utils.js"),
|
||||
util = require("util");
|
||||
|
||||
var WikiTextCompiler = function(store,title,parser) {
|
||||
this.parser = parser;
|
||||
this.store = store;
|
||||
this.title = title;
|
||||
};
|
||||
|
||||
WikiTextCompiler.prototype.compile = function(type,treenode) {
|
||||
if(type === "text/html") {
|
||||
return this.compileAsHtml(treenode);
|
||||
} else if(type === "text/plain") {
|
||||
return this.compileAsHtml(treenode);
|
||||
} else {
|
||||
return null;
|
||||
}
|
||||
};
|
||||
|
||||
WikiTextCompiler.prototype.compileAsHtml = function(treenode) {
|
||||
var me = this,
|
||||
output = [],
|
||||
compileSubTree;
|
||||
var pushString = function(s) {
|
||||
var last = output[output.length-1];
|
||||
if(output.length > 0 && last.type === "StringLiterals") {
|
||||
last.value.push(s);
|
||||
} else if (output.length > 0 && last.type === "StringLiteral") {
|
||||
last.type = "StringLiterals";
|
||||
last.value = [last.value,s];
|
||||
} else {
|
||||
output.push({type: "StringLiteral", value: s});
|
||||
}
|
||||
};
|
||||
var compileElement = function(element, options) {
|
||||
options = options || {};
|
||||
var tagBits = [element.type];
|
||||
if(element.attributes) {
|
||||
for(var a in element.attributes) {
|
||||
var r = element.attributes[a];
|
||||
if(a === "style") {
|
||||
var s = [];
|
||||
for(var t in r) {
|
||||
s.push(t + ":" + r[t] + ";");
|
||||
}
|
||||
r = s.join("");
|
||||
}
|
||||
tagBits.push(a + "=\"" + utils.htmlEncode(r) + "\"");
|
||||
}
|
||||
}
|
||||
pushString("<" + tagBits.join(" ") + (options.selfClosing ? " /" : ""));
|
||||
if(options.insertAfterAttributes) {
|
||||
output.push(options.insertAfterAttributes);
|
||||
}
|
||||
pushString(">");
|
||||
if(!options.selfClosing) {
|
||||
if(element.children) {
|
||||
compileSubTree(element.children);
|
||||
}
|
||||
pushString("</" + element.type + ">");
|
||||
}
|
||||
};
|
||||
var compileMacroCall = function(name,params) {
|
||||
var macro = me.store.macros[name];
|
||||
if(macro) {
|
||||
var args = new ArgParser(params,{defaultName: "anon"}),
|
||||
paramsProps = {};
|
||||
var insertParam = function(name,arg) {
|
||||
if(arg.evaluated) {
|
||||
var prog = me.store.sandbox.parse(arg.string);
|
||||
paramsProps[m] = prog.elements[0];
|
||||
} else {
|
||||
paramsProps[m] = {type: "StringLiteral", value: arg.string};
|
||||
}
|
||||
};
|
||||
for(var m in macro.params) {
|
||||
var param = macro.params[m];
|
||||
if("byPos" in param && args.byPos[param.byPos]) {
|
||||
insertParam(m,args.byPos[param.byPos].v);
|
||||
} else if("byName" in param) {
|
||||
var arg = args.getValueByName(m);
|
||||
if(!arg && param.byName === "default") {
|
||||
arg = args.getValueByName("anon");
|
||||
}
|
||||
if(arg) {
|
||||
insertParam(m,arg);
|
||||
}
|
||||
}
|
||||
}
|
||||
var macroCall = {
|
||||
type: "FunctionCall",
|
||||
name: {
|
||||
type: "Function",
|
||||
name: null,
|
||||
params: ["params"],
|
||||
elements: []},
|
||||
"arguments": [ {
|
||||
type: "ObjectLiteral",
|
||||
properties: []
|
||||
}]
|
||||
};
|
||||
macroCall.name.elements = macro.code["text/html"].elements;
|
||||
for(m in paramsProps) {
|
||||
macroCall["arguments"][0].properties.push({
|
||||
type: "PropertyAssignment",
|
||||
name: m,
|
||||
value: paramsProps[m]
|
||||
});
|
||||
}
|
||||
output.push(macroCall);
|
||||
} else {
|
||||
pushString("<span class='error errorUnknownMacro'>Unknown macro '" + name + "'</span>");
|
||||
}
|
||||
};
|
||||
compileSubTree = function(tree) {
|
||||
for(var t=0; t<tree.length; t++) {
|
||||
switch(tree[t].type) {
|
||||
case "text":
|
||||
pushString(utils.htmlEncode(tree[t].value));
|
||||
break;
|
||||
case "entity":
|
||||
pushString(tree[t].value);
|
||||
break;
|
||||
case "br":
|
||||
case "img":
|
||||
compileElement(tree[t],{selfClosing: true}); // Self closing elements
|
||||
break;
|
||||
case "context":
|
||||
//compileSubTree(tree[t].children);
|
||||
break;
|
||||
case "macro":
|
||||
compileMacroCall(tree[t].name,tree[t].params);
|
||||
break;
|
||||
case "a":
|
||||
compileElement(tree[t],{
|
||||
insertAfterAttributes: {
|
||||
"type": "FunctionCall",
|
||||
"name": {
|
||||
"type": "PropertyAccess",
|
||||
"base": {
|
||||
"type": "Variable",
|
||||
"name": "store"},
|
||||
"name": "classesForLink"},
|
||||
"arguments":[{
|
||||
"type": "StringLiteral",
|
||||
"value": tree[t].attributes.href}]}
|
||||
});
|
||||
break;
|
||||
default:
|
||||
compileElement(tree[t]);
|
||||
break;
|
||||
}
|
||||
}
|
||||
};
|
||||
// Compile the wiki parse tree into a javascript parse tree
|
||||
compileSubTree(treenode);
|
||||
// And then render the javascript parse tree back into JavaScript code
|
||||
return compileJavaScript(
|
||||
[
|
||||
{
|
||||
type: "Function",
|
||||
name: null,
|
||||
params: ["tiddler","store","utils"],
|
||||
elements: [
|
||||
{
|
||||
type: "ReturnStatement",
|
||||
value: {
|
||||
type: "FunctionCall",
|
||||
name: {
|
||||
type: "PropertyAccess",
|
||||
base: {
|
||||
type: "ArrayLiteral",
|
||||
elements: output
|
||||
},
|
||||
name: "join"
|
||||
},
|
||||
"arguments": [ {
|
||||
type: "StringLiteral",
|
||||
value: ""
|
||||
}
|
||||
]
|
||||
}
|
||||
}
|
||||
]
|
||||
}
|
||||
]
|
||||
).join("");
|
||||
};
|
||||
|
||||
// Compile a javascript tree into an array of string fragments
|
||||
var compileJavaScript = function(tree) {
|
||||
var output = [];
|
||||
var compileJavaScriptNode = function(node) {
|
||||
var p;
|
||||
switch(node.type) {
|
||||
case "StringLiteral":
|
||||
output.push(utils.stringify(node.value));
|
||||
break;
|
||||
case "StringLiterals":
|
||||
output.push(utils.stringify(node.value.join("")));
|
||||
break;
|
||||
case "FunctionCall":
|
||||
output.push("(");
|
||||
compileJavaScriptNode(node.name);
|
||||
output.push(")");
|
||||
output.push("(");
|
||||
for(p=0; p<node["arguments"].length; p++) {
|
||||
if(p) {
|
||||
output.push(",");
|
||||
}
|
||||
compileJavaScriptNode(node["arguments"][p]);
|
||||
}
|
||||
output.push(")");
|
||||
break;
|
||||
case "PropertyAccess":
|
||||
compileJavaScriptNode(node.base);
|
||||
if(typeof node.name === "string") {
|
||||
output.push("." + node.name);
|
||||
} else {
|
||||
output.push("[");
|
||||
compileJavaScriptNode(node.name);
|
||||
output.push("]");
|
||||
}
|
||||
break;
|
||||
case "ArrayLiteral":
|
||||
output.push("[");
|
||||
for(p=0; p<node.elements.length; p++) {
|
||||
if(p) {
|
||||
output.push(",");
|
||||
}
|
||||
compileJavaScriptNode(node.elements[p]);
|
||||
}
|
||||
output.push("]");
|
||||
break;
|
||||
case "Variable":
|
||||
output.push(node.name);
|
||||
break;
|
||||
case "ObjectLiteral":
|
||||
output.push("{");
|
||||
for(p=0; p<node.properties.length; p++) {
|
||||
if(p) {
|
||||
output.push(",");
|
||||
}
|
||||
compileJavaScriptNode(node.properties[p]);
|
||||
}
|
||||
output.push("}");
|
||||
break;
|
||||
case "PropertyAssignment":
|
||||
output.push(node.name);
|
||||
output.push(":");
|
||||
compileJavaScriptNode(node.value);
|
||||
break;
|
||||
case "BinaryExpression":
|
||||
output.push("(");
|
||||
compileJavaScriptNode(node.left);
|
||||
output.push(")");
|
||||
output.push(node.operator);
|
||||
output.push("(");
|
||||
compileJavaScriptNode(node.right);
|
||||
output.push(")");
|
||||
break;
|
||||
case "NumericLiteral":
|
||||
output.push(node.value);
|
||||
break;
|
||||
case "Function":
|
||||
output.push("(");
|
||||
output.push("function ");
|
||||
if(node.name !== null) {
|
||||
output.push(node.name);
|
||||
}
|
||||
output.push("(");
|
||||
output.push(node.params.join(","));
|
||||
output.push(")");
|
||||
output.push("{");
|
||||
compileJavaScriptTree(node.elements);
|
||||
output.push("}");
|
||||
output.push(")");
|
||||
break;
|
||||
case "ReturnStatement":
|
||||
output.push("return ");
|
||||
compileJavaScriptNode(node.value);
|
||||
break;
|
||||
case "This":
|
||||
output.push("this");
|
||||
break;
|
||||
default:
|
||||
console.log(node);
|
||||
throw "Unknown JavaScript node type: " + node.type;
|
||||
break;
|
||||
}
|
||||
};
|
||||
var compileJavaScriptTree = function(tree) {
|
||||
for(var t=0; t<tree.length; t++) {
|
||||
if(t) {
|
||||
output.push(";\n");
|
||||
}
|
||||
compileJavaScriptNode(tree[t]);
|
||||
}
|
||||
};
|
||||
compileJavaScriptTree(tree);
|
||||
return output;
|
||||
};
|
||||
|
||||
exports.WikiTextCompiler = WikiTextCompiler;
|
||||
|
||||
})();
|
||||
Ładowanie…
Reference in New Issue