Basic components implementation

main.cpp

@@ -1,28 +1,18 @@
 #include <iostream>
 #include <emscripten.h>
 #include <exception>
+#include <map>
+#include <sstream>
 
 #include "src/class/Element.h"
 #include "src/proc/string.cpp"
-#include "src/class/EventBus.h"
 #include "src/proc/event.cpp"
 #include "src/proc/uuid.cpp"
 
 extern "C" {
-    char* itest();
-    int str_pass_size();
-    void fire_event_bus(int key_pass);
-}
-
-void say_aye() {
-    printf("Arrgh mates!\n");
-}
-
-char* itest() {
-    Element p_tag("#foo");
-    p_tag.addEventListener("click", say_aye);
-
-    return "Hi, there";
+//char* itest();
+int str_pass_size();
+void fire_event_bus(int key_pass);
 }
 
 // These are REQUIRED.
@@ -34,8 +24,128 @@ void fire_event_bus(int string_pass) {
     return cjs::event::handle_bus_fire(string_pass);
 }
 
+class Properties {
+private:
+    std::map<std::string, std::string> _data = {};
+
+public:
+    bool has(std::string key) {
+        return _data.find(key) != _data.end();
+    }
+
+    std::string get(std::string key) {
+        return _data[key];
+    }
+
+    std::string get(std::string key, std::string fallback) {
+        if ( !has(key) ) return fallback;
+        return get(key);
+    }
+
+    Properties* set(std::string key, std::string value) {
+        _data[key] = value;
+        return this;
+    }
+};
+
+class Component {
+protected:
+    Element* container;
+    Properties* _properties;
+
+    virtual void mount_child(std::string selector, Component* component) {
+        Element* tag = container->querySelectChild(selector);
+        component->set_container(tag);
+        component->mount();
+        delete tag;
+    }
+
+    virtual std::string tmpl(std::string base) {
+        return "";
+    }
+
+public:
+    virtual ~Component() {}
+
+    Component(Element* in_container) {
+        container = in_container;
+        _properties = new Properties();
+    }
+
+    Component(std::string selector) {
+        container = new Element(selector);
+        _properties = new Properties();
+    }
+
+    Component() {
+        container = nullptr;
+        _properties = new Properties();
+    }
+
+    virtual void set_container(Element* element) {
+        container = element;
+    }
+
+    virtual void mount() = 0;
+
+    virtual Properties* properties() {
+        return _properties;
+    }
+};
+
+class InputComponent : public Component {
+public:
+    using Component::Component;
+
+    void mount() {
+        std::stringstream html;
+
+        if ( properties()->has("label") ) {
+            html << "<label>" << properties()->get("label") << "</label>";
+        }
+
+        html << "<br><input type=\"" << properties()->get("type", "text") << "\"";
+
+        if ( properties()->get("required", "false") == "true" ) {
+            html << " required";
+        }
+
+        if ( properties()->has("placeholder") ) {
+            html << " placeholder=\"" << properties()->get("placeholder") << "\"";
+        }
+
+        html << "/>";
+    }
+};
+
+class GreeterComponent : public Component {
+public:
+    using Component::Component;
+
+    void mount() {
+        container->setInnerHTML("<h1>Hello, World!</h1>");
+        container->append("<h2><small>This is being rendered via a C++ component!</h2></small>");
+        container->append("<div id=\"input-container\"></div>");
+
+        InputComponent* input = new InputComponent();
+        input->properties()
+            ->set("label", "What is your name?")
+            ->set("required", "true")
+            ->set("placeholder", "John Doe");
+
+        this->mount_child("#input-container", input);
+    }
+};
+
 int main(int argc, char** argv) {
-	EM_ASM(InitWrappers());
-	printf("C++.js has initialized!\n");
-	return 0;
+    EM_ASM(InitWrappers());
+    printf("C++.js has initialized!\n");
+
+    Element* p_tag = new Element("#container");
+    GreeterComponent* cpt = new GreeterComponent(p_tag);
+
+    cpt->mount();
+
+    delete p_tag;
+    return 0;
 }