rendering lib

src/pages/example2/index.js

+"use strict";
+
+const runPage = require("../../run-page");
+const Example2 = require("./example2");
+
+runPage(Example2);

src/run-page.js

+"use strict";
+
+const objectHtmlRenderer = require("./lib/object-html-renderer");
+
+module.exports = function runPage(PageComponent) {
+    const page = new PageComponent();
+    objectHtmlRenderer.setRenderCycleRoot(page);
+    objectHtmlRenderer.renderCycle();
+};

src/style.scss

-#main-container {
+body {
     * {
         box-sizing: border-box;
     }
     font-family: Arial, Helvetica, sans-serif;
+    margin: 0;
+}
+
+main {
+    background-color: #eee;
 }

style/style.css

-#main-container {
+body {
   font-family: Arial, Helvetica, sans-serif;
+  margin: 0;
 }
-#main-container * {
+body * {
   box-sizing: border-box;
 }
 
+main {
+  background-color: #eee;
+}
+
 /*# sourceMappingURL=style.css.map */

style/style.css.map

-{"version":3,"sourceRoot":"","sources":["../src/style.scss"],"names":[],"mappings":"AAAA;EAII;;AAHA;EACI","file":"style.css"}
\ No newline at end of file
+{"version":3,"sourceRoot":"","sources":["../src/style.scss"],"names":[],"mappings":"AAAA;EAII;EACA;;AAJA;EACI;;;AAMR;EACI","file":"style.css"}
\ No newline at end of file