From 7fe99ec7c5f8dfcac3c737bb3e389e670b75ce04 Mon Sep 17 00:00:00 2001
From: bendtherules <abhasbhattacharya2@gmail.com>
Date: Sun, 15 Dec 2019 13:18:47 +0530
Subject: [PATCH] renderer - Add basic separation logic for diff types of
 element

---
 src/renderer.ts | 60 +++++++++++++++++++++++++++++++++++++++++++++++++
 1 file changed, 60 insertions(+)
 create mode 100644 src/renderer.ts

diff --git a/src/renderer.ts b/src/renderer.ts
new file mode 100644
index 0000000..83151d6
--- /dev/null
+++ b/src/renderer.ts
@@ -0,0 +1,60 @@
+import { Children as ReactChildren } from "react";
+import {
+  ReactElementSubset,
+  ReactElementSubsetWithPrimitive,
+  isFunctionalComponent,
+  isClassComponent
+} from "./helpers";
+
+function render(
+  node: ReactElementSubsetWithPrimitive,
+  parentNode?: ReactElementSubset
+) {
+  // Skip null and undefined nodes
+  if (node === null || node === undefined) {
+    return;
+  }
+
+  // Render string and number nodes
+  if (typeof node === "string" || typeof node === "number") {
+    return;
+  }
+
+  // Render Fragment nodes
+  if (Array.isArray(node)) {
+    node.forEach(fragmentEle => render(fragmentEle));
+    return;
+  }
+
+  const { props, type: elementType } = node;
+  const { children } = props;
+
+  if (isFunctionalComponent(elementType)) {
+    const renderOutput = elementType.call(
+      null,
+      props
+    ) as ReactElementSubsetWithPrimitive;
+
+    render(renderOutput);
+    return;
+  }
+
+  if (isClassComponent(elementType)) {
+    const elementInstance = new elementType(props);
+    const renderOutputRaw = elementInstance.render();
+    const renderOutput = ReactChildren.toArray(
+      renderOutputRaw
+    ) as ReactElementSubsetWithPrimitive[];
+
+    // Render array of children, just like fragments
+    render(renderOutput);
+
+    return;
+  }
+
+  // Handle intrinsic types of element like div, h1
+  {
+  }
+}
+
+export { render };