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

package/dist/Ryunix.js

@@ -165,16 +165,15 @@
    * @returns A newly created DOM element based on the fiber object.
    */
   const createDom = (fiber) => {
-    // Log to verify fiber type before creating DOM
     console.log('Creating DOM for fiber:', fiber);
 
-    // Check if the fiber is a text element or a regular element
+    // Ensure that the fiber type is a valid HTML element or a text element
     const dom =
       fiber.type === RYUNIX_TYPES.TEXT_ELEMENT
         ? document.createTextNode(fiber.props.nodeValue || '')
         : document.createElement(fiber.type);
 
-    // Update the newly created DOM element with its initial props
+    // Update the newly created DOM element with initial props
     updateDom(dom, {}, fiber.props);
 
     return dom
@@ -492,13 +491,11 @@
    * @param fiber - A fiber node representing the host component (e.g., a DOM node like div, span, etc.).
    */
   const updateHostComponent = (fiber) => {
-    // If the fiber doesn't already have a DOM node, create one
     if (!fiber.dom) {
       fiber.dom = createDom(fiber);
-      console.log('DOM node created:', fiber.dom);
+      console.log('DOM node created for host component:', fiber.dom);
     }
 
-    // Reconcile the fiber's children with its new or updated props
     reconcileChildren(fiber, fiber.props.children);
   };
 
@@ -539,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.7",
+  "version": "1.0.3-nightly.8",
   "license": "MIT",
   "main": "./dist/Ryunix.js",
   "types": "./dist/Ryunix.d.ts",

package/src/lib/components.js

@@ -26,13 +26,11 @@ const updateFunctionComponent = (fiber) => {
  * @param fiber - A fiber node representing the host component (e.g., a DOM node like div, span, etc.).
  */
 const updateHostComponent = (fiber) => {
-  // If the fiber doesn't already have a DOM node, create one
   if (!fiber.dom) {
     fiber.dom = createDom(fiber)
-    console.log('DOM node created:', fiber.dom)
+    console.log('DOM node created for host component:', fiber.dom)
   }
 
-  // Reconcile the fiber's children with its new or updated props
   reconcileChildren(fiber, fiber.props.children)
 }
 

package/src/lib/dom.js

@@ -14,16 +14,15 @@ import {
  * @returns A newly created DOM element based on the fiber object.
  */
 const createDom = (fiber) => {
-  // Log to verify fiber type before creating DOM
   console.log('Creating DOM for fiber:', fiber)
 
-  // Check if the fiber is a text element or a regular element
+  // Ensure that the fiber type is a valid HTML element or a text element
   const dom =
     fiber.type === RYUNIX_TYPES.TEXT_ELEMENT
       ? document.createTextNode(fiber.props.nodeValue || '')
       : document.createElement(fiber.type)
 
-  // Update the newly created DOM element with its initial props
+  // 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