Starting work on the parser

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;
+
+
+