@unsetsoft/ryunixjs 1.0.3-nightly.6 → 1.0.3-nightly.8

package/dist/Ryunix.js

@@ -165,13 +165,17 @@
    * @returns A newly created DOM element based on the fiber object.
    */
   const createDom = (fiber) => {
-    console.log('Creating DOM element for fiber:', fiber);
+    console.log('Creating DOM for fiber:', fiber);
+
+    // Ensure that the fiber type is a valid HTML element or a text element
     const dom =
       fiber.type === RYUNIX_TYPES.TEXT_ELEMENT
-        ? document.createTextNode('')
+        ? document.createTextNode(fiber.props.nodeValue || '')
         : document.createElement(fiber.type);
 
+    // Update the newly created DOM element with initial props
     updateDom(dom, {}, fiber.props);
+
     return dom
   };
 
@@ -351,6 +355,9 @@
     [EFFECT_TAGS.PLACEMENT]: (fiber, domParent) => {
       if (fiber.dom != undefined) {
         domParent.appendChild(fiber.dom);
+        console.log('Appending child DOM node:', fiber.dom);
+      } else {
+        console.error('Failed to append DOM. Fiber has no DOM:', fiber);
       }
       runEffects(fiber);
     },
@@ -486,6 +493,7 @@
   const updateHostComponent = (fiber) => {
     if (!fiber.dom) {
       fiber.dom = createDom(fiber);
+      console.log('DOM node created for host component:', fiber.dom);
     }
 
     reconcileChildren(fiber, fiber.props.children);
@@ -528,10 +536,13 @@
    */
   const performUnitOfWork = (fiber) => {
     console.log('Performing unit of work for fiber:', fiber);
+
     const isFunctionComponent = fiber.type instanceof Function;
-    isFunctionComponent
-      ? updateFunctionComponent(fiber)
-      : updateHostComponent(fiber);
+    if (isFunctionComponent) {
+      updateFunctionComponent(fiber);
+    } else {
+      updateHostComponent(fiber);
+    }
 
     if (fiber.child) return fiber.child
     let nextFiber = fiber;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@unsetsoft/ryunixjs",
-  "version": "1.0.3-nightly.6",
+  "version": "1.0.3-nightly.8",
   "license": "MIT",
   "main": "./dist/Ryunix.js",
   "types": "./dist/Ryunix.d.ts",

package/src/lib/commits.js

@@ -80,6 +80,9 @@ const effectHandlers = {
   [EFFECT_TAGS.PLACEMENT]: (fiber, domParent) => {
     if (fiber.dom != undefined) {
       domParent.appendChild(fiber.dom)
+      console.log('Appending child DOM node:', fiber.dom)
+    } else {
+      console.error('Failed to append DOM. Fiber has no DOM:', fiber)
     }
     runEffects(fiber)
   },

package/src/lib/components.js

@@ -28,6 +28,7 @@ const updateFunctionComponent = (fiber) => {
 const updateHostComponent = (fiber) => {
   if (!fiber.dom) {
     fiber.dom = createDom(fiber)
+    console.log('DOM node created for host component:', fiber.dom)
   }
 
   reconcileChildren(fiber, fiber.props.children)

package/src/lib/dom.js

@@ -14,13 +14,17 @@ import {
  * @returns A newly created DOM element based on the fiber object.
  */
 const createDom = (fiber) => {
-  console.log('Creating DOM element for fiber:', fiber)
+  console.log('Creating DOM for fiber:', fiber)
+
+  // Ensure that the fiber type is a valid HTML element or a text element
   const dom =
     fiber.type === RYUNIX_TYPES.TEXT_ELEMENT
-      ? document.createTextNode('')
+      ? document.createTextNode(fiber.props.nodeValue || '')
       : document.createElement(fiber.type)
 
+  // Update the newly created DOM element with initial props
   updateDom(dom, {}, fiber.props)
+
   return dom
 }
 

package/src/lib/workers.js

@@ -33,10 +33,13 @@ requestIdleCallback(workLoop)
  */
 const performUnitOfWork = (fiber) => {
   console.log('Performing unit of work for fiber:', fiber)
+
   const isFunctionComponent = fiber.type instanceof Function
-  isFunctionComponent
-    ? updateFunctionComponent(fiber)
-    : updateHostComponent(fiber)
+  if (isFunctionComponent) {
+    updateFunctionComponent(fiber)
+  } else {
+    updateHostComponent(fiber)
+  }
 
   if (fiber.child) return fiber.child
   let nextFiber = fiber