feat: add row/col tags

src/layout/layout.hxx

@@ -0,0 +1,10 @@
+#ifndef __CLEF_LAYOUT_LAYOUT_HXX__
+#define __CLEF_LAYOUT_LAYOUT_HXX__
+
+namespace Clef {
+
+enum class Orientation { Horizontal, Vertical };
+
+}
+
+#endif

src/layout/layout_tree.cxx

@@ -5,8 +5,8 @@
 #include "include/core/SkRect.h"
 #include "include/core/SkRefCnt.h"
 #include "include/core/SkTypeface.h"
+#include "layout/layout.hxx"
 #include "rapidxml.hpp"
-#include "rendering.hxx"
 #include <cstdint>
 #include <cstring>
 #include <iostream>
@@ -19,16 +19,24 @@ static std::uniform_int_distribution<std::mt19937::result_type>
 static std::random_device dev;
 static std::mt19937 rng(dev());
 
+inline const auto NODE_TYPE_BOX = "box";
+inline const auto NODE_TYPE_ROW = "row";
+inline const auto NODE_TYPE_COL = "col";
+inline const auto NODE_TYPE_TEXT = "text";
+
 uint64_t __generate_random_node_id() { return random_id(rng); };
 
-Clef::ContainerNode::ContainerNode() {
+Clef::BoxNode::BoxNode() : orientation(Orientation::Vertical) {
 	prev_sibiling = nullptr;
 	next_sibiling = nullptr;
 	parent = nullptr;
-	type = Clef::LayoutTree::NodeType::Container;
+	type = Clef::LayoutTree::NodeType::Box;
 }
 
-Clef::LayoutBound Clef::ContainerNode::measure() {
+Clef::LayoutBound Clef::BoxNode::measure() {
+	switch (orientation) {
+	case Orientation::Vertical: {
+
 		float max_child_width = -1;
 		float total_height = 0;
 		for (const auto &child : children) {
@@ -41,6 +49,21 @@ Clef::LayoutBound Clef::ContainerNode::measure() {
 		return {0, 0, max_child_width, total_height};
 	}
 
+	case Orientation::Horizontal: {
+		float max_child_height = -1;
+		float total_width = 0;
+		for (const auto &child : children) {
+			const auto bound = child->measure();
+			if (bound.height > max_child_height) {
+				max_child_height = bound.height;
+			}
+			total_width += bound.width;
+		}
+		return {0, 0, total_width, max_child_height};
+	}
+	}
+}
+
 Clef::TextNode::TextNode(const char *content, SkFont font)
 	: content(content), font(font) {
 	prev_sibiling = nullptr;
@@ -61,13 +84,17 @@ Clef::LayoutTree::LayoutTree(Clef::LayoutTree::Node *root) : root(root) {}
 Clef::LayoutTree::Node *
 Clef::LayoutTree::Node::from_xml_node(const RenderingContext &ctx,
 									  rapidxml::xml_node<char> *node) {
-	std::cout << "encountered node:" << node->name() << std::endl;
-
-	if (std::strncmp("box", node->name(), 3) == 0) {
-		auto container_node = new ContainerNode();
+	if (std::strncmp(NODE_TYPE_ROW, node->name(), 3) == 0 ||
+		std::strncmp(NODE_TYPE_COL, node->name(), 3) == 0) {
+		auto container_node = new BoxNode();
 		container_node->id = __generate_random_node_id();
 
-		std::cout << "assigned id " << container_node->id << std::endl;
+		if (std::strncmp(NODE_TYPE_ROW, node->name(), 3) == 0) {
+			container_node->orientation = Orientation::Horizontal;
+		} else {
+			container_node->orientation = Orientation::Vertical;
+		}
+
 		auto current_node = node->first_node();
 		Node *last_node = nullptr;
 
@@ -80,8 +107,6 @@ Clef::LayoutTree::Node::from_xml_node(const RenderingContext &ctx,
 			if (last_node) {
 				n->prev_sibiling = last_node;
 				last_node->next_sibiling = n;
-				std::cout << n << std::endl;
-				std::cout << last_node << std::endl;
 			}
 
 			n->parent = container_node;
@@ -94,7 +119,7 @@ Clef::LayoutTree::Node::from_xml_node(const RenderingContext &ctx,
 		return container_node;
 	}
 
-	if (std::strncmp("text", node->name(), 4) == 0) {
+	if (std::strncmp(NODE_TYPE_TEXT, node->name(), 4) == 0) {
 		const auto content = node->value();
 		if (!content) {
 			return nullptr;
@@ -120,10 +145,9 @@ Clef::LayoutTree::from_xml(const RenderingContext &ctx,
 						   const rapidxml::xml_document<> &doc) {
 	Clef::LayoutTree::Node *root;
 
-	auto xml_root = doc.first_node("box");
+	auto xml_root = doc.first_node();
 	if (!xml_root) {
-		throw std::runtime_error(
-			"cml layout must start with a container node.");
+		throw std::runtime_error("provided layout file appears to be empty.");
 	}
 
 	root = Node::from_xml_node(ctx, xml_root);

src/layout/layout_tree.hxx

@@ -3,6 +3,7 @@
 
 #include "include/core/SkColorSpace.h"
 #include "include/core/SkFont.h"
+#include "layout/layout.hxx"
 #include "layout_bound.hxx"
 #include "rapidxml.hpp"
 #include "rendering_context.hxx"
@@ -13,7 +14,7 @@
 namespace Clef {
 
 struct LayoutTree {
-	enum class NodeType { Text, Container };
+	enum class NodeType { Text, Box };
 
 	struct Node {
 		uint64_t id;
@@ -37,12 +38,13 @@ struct LayoutTree {
 	LayoutTree(Node *root);
 };
 
-struct ContainerNode : LayoutTree::Node {
+struct BoxNode : LayoutTree::Node {
+	Orientation orientation;
 	std::vector<Node *> children;
 
 	Clef::LayoutBound measure() override;
 
-	ContainerNode();
+	BoxNode();
 };
 
 struct TextNode : LayoutTree::Node {

src/rendering.cxx

@@ -6,13 +6,10 @@
 #include "include/core/SkRect.h"
 #include "include/core/SkRefCnt.h"
 #include "include/ports/SkFontMgr_directory.h"
+#include "layout/layout.hxx"
 #include "layout/layout_tree.hxx"
-#include <iostream>
 #include <utility>
 
-inline const auto NODE_TYPE_BOX = "box";
-inline const auto NODE_TYPE_TEXT = "text";
-
 Clef::LayoutBound __calculate_node_position(Clef::RenderingContext &ctx,
 											Clef::LayoutTree::Node *node) {
 	auto bounds = node->measure();
@@ -26,8 +23,21 @@ Clef::LayoutBound __calculate_node_position(Clef::RenderingContext &ctx,
 			return {0, 0, bounds.width, bounds.height};
 		}
 
+		const auto parent = node->parent;
 		const auto prev_bound = entry->second;
-		return {prev_bound.x, prev_bound.y + prev_bound.height, bounds.width,
+		if (parent->type == Clef::LayoutTree::NodeType::Box) {
+			const auto parent_box = static_cast<Clef::BoxNode *>(parent);
+			switch (parent_box->orientation) {
+			case Clef::Orientation::Vertical:
+				return {prev_bound.x, prev_bound.y + prev_bound.height,
+						bounds.width, bounds.height};
+			case Clef::Orientation::Horizontal:
+				return {prev_bound.x + prev_bound.width, prev_bound.y,
+						bounds.width, bounds.height};
+			}
+		}
+
+		return {prev_bound.x + prev_bound.width, prev_bound.y, bounds.width,
 				bounds.height};
 	}
 
@@ -55,8 +65,8 @@ void clef_render_node(Clef::RenderingContext &ctx,
 		break;
 	}
 
-	case Clef::LayoutTree::NodeType::Container: {
-		auto cn = static_cast<Clef::ContainerNode *>(node);
+	case Clef::LayoutTree::NodeType::Box: {
+		const auto box = static_cast<Clef::BoxNode *>(node);
 		const auto pos = __calculate_node_position(ctx, node);
 		SkRect rect{pos.x, pos.y, pos.x + pos.width, pos.y + pos.height};
 		SkPaint paint;
@@ -64,7 +74,7 @@ void clef_render_node(Clef::RenderingContext &ctx,
 		ctx.canvas->drawRect(rect, paint);
 		ctx.layout_map.insert({node->id, pos});
 
-		for (const auto &child : cn->children) {
+		for (const auto &child : box->children) {
 			clef_render_node(ctx, child);
 		}
 		break;

src/rendering_context.cxx

@@ -41,8 +41,5 @@ void Clef::update_skia_surface(Clef::RenderingContext &ctx, int width,
 		ctx.gr_direct_context.get(), ctx.render_target,
 		kBottomLeft_GrSurfaceOrigin, kRGBA_8888_SkColorType,
 		SkColorSpace::MakeSRGB(), nullptr);
-	std::cout << "sk surface" << ctx.sk_surface << std::endl;
 	ctx.canvas = ctx.sk_surface->getCanvas();
-	std::cout << " kasdjkjsak" << ctx.sk_surface->getCanvas() << std::endl;
-	std::cout << "new canvas address " << ctx.canvas << std::endl;
 }

test_cml/code.cml

@@ -0,0 +1 @@
+<bundle src="/app.bundle" />

test_cml/header.cml

@@ -0,0 +1,9 @@
+<meta>
+  <fragment>
+    <name>header</header>
+	<attr type="string" name="content" />
+  </fragment>
+</meta>
+
+<text level="1" style="bold italic">{content}</text>
+

test_cml/hello.cml

@@ -1,4 +1,16 @@
+<import src="https://google.com/header.cml" />
+
 <box>
   <text level="1">hello from clef</text>
   <text>this is rendered from hello.cml</text>
 </box>
+
+<header content="my content" />
+
+<row id="kasjksajdkj">
+  <text level="1">hello from clef</text>
+  <text>this is rendered from hello.cml</text>
+</row>
+
+<bundle src="/app.bundle" />
+

test_cml/permission.cml

@@ -0,0 +1,17 @@
+<meta>
+  <title>asdklasdk</title>
+  <description>askdjksajdk</description>
+
+  <!-- permission system -->
+  <permissions>
+    <filesystem description="aksdjsadjksjdk" />
+	<camera description="asldklsadk" />
+	<location description="" type="precise|approximate" />
+	<gpu />
+  </permissions>
+</meta>
+
+<text id="label" />
+
+<bundle src="./app.wasm" />
+

test_cml/test.cml

@@ -0,0 +1,4 @@
+<col>
+  <text>hello from clef</text>
+  <text>this is rendered from test.cml</text>
+</col>