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

package/dist/Ryunix.js

@@ -165,12 +165,16 @@
    * @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
     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
+    // Update the newly created DOM element with its initial props
     updateDom(dom, {}, fiber.props);
 
     return dom
@@ -278,8 +282,10 @@
    * The function commits changes made to the virtual DOM to the actual DOM.
    */
   const commitRoot = () => {
+    console.log('Committing root...');
     vars.deletions.forEach(commitWork);
     if (vars.wipRoot && vars.wipRoot.child) {
+      console.log('Committing child...');
       commitWork(vars.wipRoot.child);
       vars.currentRoot = vars.wipRoot;
     }
@@ -350,6 +356,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);
     },
@@ -483,10 +492,13 @@
    * @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);
     }
 
+    // Reconcile the fiber's children with its new or updated props
     reconcileChildren(fiber, fiber.props.children);
   };
 
@@ -526,6 +538,7 @@
    * @returns {null} The next fiber to process, or undefined if there are no more.
    */
   const performUnitOfWork = (fiber) => {
+    console.log('Performing unit of work for fiber:', fiber);
     const isFunctionComponent = fiber.type instanceof Function;
     isFunctionComponent
       ? updateFunctionComponent(fiber)
@@ -573,6 +586,7 @@
       console.error(`Root element with ID '${rootId}' not found.`);
       return null
     }
+    console.log('Container initialized:', vars.containerRoot);
 
     vars.containerRoot = rootElement;
     return undefined

package/package.json

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

package/src/lib/commits.js

@@ -6,8 +6,10 @@ import { EFFECT_TAGS, vars } from '../utils/index'
  * The function commits changes made to the virtual DOM to the actual DOM.
  */
 const commitRoot = () => {
+  console.log('Committing root...')
   vars.deletions.forEach(commitWork)
   if (vars.wipRoot && vars.wipRoot.child) {
+    console.log('Committing child...')
     commitWork(vars.wipRoot.child)
     vars.currentRoot = vars.wipRoot
   }
@@ -78,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

@@ -26,10 +26,13 @@ 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)
   }
 
+  // Reconcile the fiber's children with its new or updated props
   reconcileChildren(fiber, fiber.props.children)
 }
 

package/src/lib/dom.js

@@ -14,12 +14,16 @@ 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
   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
+  // Update the newly created DOM element with its initial props
   updateDom(dom, {}, fiber.props)
 
   return dom

package/src/lib/render.js

@@ -28,6 +28,7 @@ const init = (rootId = '__ryunix') => {
     console.error(`Root element with ID '${rootId}' not found.`)
     return null
   }
+  console.log('Container initialized:', vars.containerRoot)
 
   vars.containerRoot = rootElement
   return this

package/src/lib/workers.js

@@ -32,6 +32,7 @@ requestIdleCallback(workLoop)
  * @returns {null} The next fiber to process, or undefined if there are no more.
  */
 const performUnitOfWork = (fiber) => {
+  console.log('Performing unit of work for fiber:', fiber)
   const isFunctionComponent = fiber.type instanceof Function
   isFunctionComponent
     ? updateFunctionComponent(fiber)