Starting work on the parser

jsx.test.js

@@ -0,0 +1,39 @@
+require('app-module-path').addPath('./shared');
+
+
+var jsx = require('xml2js').parseString;
+
+var parser = require('xml2json');
+var XMLMapping = require('xml-mapping');
+
+
+
+
+
+var xml = `
+<NewBlock woh="6" cant_be="neato">
+	<Weird href="cooool things" />
+	<span> hey! </span>
+	<span> me too! </span>
+</NewBlock>
+`
+
+var json = XMLMapping.load(xml);
+
+return console.log(JSON.stringify(json, null, '  '));
+
+
+/*
+return console.log(parser.toJson(xml, {
+
+	arrayNotation: true,reversible: true,
+
+}));
+*/
+
+
+
+
+jsx(xml, {trim: true}, function (err, result) {
+	console.log(JSON.stringify(result, null, '  '));
+});

shared/jsx-parser.js

@@ -0,0 +1,250 @@
+var WHITESPACE = /(\s|\t|\n)/g;
+var NUMBERS = /[0-9]/;
+var LETTERS = /[a-zA-Z_]/;
+
+
+var tokenMap = {
+	//'<' : 'brace',
+	//'>' : 'brace',
+	'/' : 'close',
+	'=' : 'equals',
+}
+
+
+var tokenizer = function(input){
+	var tokens = [];
+	var current = 0;
+
+	var inTag = false;
+
+	while(current < input.length){
+		var char = input[current];
+
+		var getToken = function(regex){
+			var value = '';
+			while(regex.test(char) && current < input.length){
+				value += char;
+				char = input[++current];
+			}
+			return value;
+		}
+
+		if(char == '>'){
+			inTag = false;
+			tokens.push({
+				type : 'closeTag'
+			})
+			current++;
+			continue;
+		}
+
+		if(char == '/' && input[current+1] == '>'){
+			inTag = false;
+			tokens.push({
+				type : 'endTag'
+			})
+			current++;
+			current++;
+			continue;
+		}
+
+
+		if(tokenMap[char]){
+			tokens.push({
+				type : tokenMap[char],
+				value : char
+			});
+			current++;
+			continue;
+		}
+
+		if(WHITESPACE.test(char)){
+			current++;
+			continue;
+		}
+
+		if(NUMBERS.test(char)){
+			tokens.push({
+				type : 'number',
+				value : getToken(NUMBERS)*1
+			});
+			continue;
+		}
+
+		if(LETTERS.test(char)){
+			tokens.push({
+				type : 'word',
+				value : getToken(LETTERS)
+			});
+			continue;
+		}
+
+		if(char == "'"){
+			char = input[++current]
+			tokens.push({
+				type : 'word',
+				value : getToken(/[^\']/)
+			});
+			current++;
+			continue;
+		}
+		if(char == '"'){
+			char = input[++current]
+			tokens.push({
+				type : 'word',
+				value : getToken(/[^\"]/)
+			});
+			current++;
+			continue;
+		}
+
+		if(char == '<'){
+			inTag = true;
+			if(input[current+1] == '/'){
+				char = input[++current]
+				char = input[++current]
+				//parse end element
+
+				//console.log(char, getToken(LETTERS));
+				tokens.push({
+					type : 'endTag',
+					value : getToken(LETTERS)
+				})
+				current++;
+			}else{
+				char = input[++current];
+				tokens.push({
+					type : 'openTag',
+					value : getToken(LETTERS)
+				})
+			}
+			current++;
+			continue;
+		}
+
+		//Handle slush text
+		var value = '';
+		while(char != '<' && current < input.length){
+			value += char;
+			char = input[++current];
+		}
+		value = value.trim()
+		if(value){
+			tokens.push({
+				type : 'text',
+				value : value
+			});
+		}
+		continue;
+	}
+
+	return tokens;
+
+}
+
+
+
+
+
+
+var parser = function(tokens){
+	var nodes = [];
+	var current = 0;
+	var token = tokens[current];
+
+	var getProps = function(){
+		var props = {};
+		var key = null;
+		var temp = null;
+
+		while(token.type != 'endTag' && token.type != 'closeTag' && current < tokens.length){
+			if(temp && token.type == 'equals'){
+				key = temp;
+				temp = null;
+				token = tokens[++current];
+				continue;
+			}
+			if(key){
+				props[key] = token.value;
+				key = null;
+				temp = null;
+				token = tokens[++current];
+				continue;
+			}
+
+			if(temp){
+				props[temp] = true;
+			}
+			temp = token.value;
+			token = tokens[++current];
+		}
+		return props;
+	}
+
+
+	var genNode = function(type){
+		token = tokens[++current];
+		var node = {
+			type : type,
+			props : getProps(),
+			children : []
+		}
+		//grab props
+
+		//search for children
+		//return them
+
+		var children = [];
+		while(token.type != 'endTag' && token.value != 'type' && current < tokens.length){
+
+			if(token.type == 'openTag'){
+				children.push(genNode(token.value));
+			}
+			token = tokens[++current];
+		}
+
+		node.children = children;
+
+		return node
+	}
+
+
+	//get an open tag
+	//grab the props
+
+
+
+	return getProps();
+
+
+}
+
+
+
+
+
+
+
+
+
+
+
+
+var tokens = tokenizer(`
+<div test="here there 'champ'" more_cool size=0>
+	<span></span>
+</div>
+<a href='neato'></a>
+`);
+
+console.log(tokens);
+
+
+console.log(parser(tokens));
+
+
+
+module.exports = tokenizer;
+
+
+