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

package/dist/Ryunix.js

@@ -165,14 +165,13 @@
    * @returns A newly created DOM element based on the fiber object.
    */
   const createDom = (fiber) => {
+    console.log('Creating DOM element for fiber:', fiber);
     const dom =
       fiber.type === RYUNIX_TYPES.TEXT_ELEMENT
         ? document.createTextNode('')
         : document.createElement(fiber.type);
 
-    // Update the newly created DOM element with initial props
     updateDom(dom, {}, fiber.props);
-
     return dom
   };
 
@@ -278,8 +277,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;
     }
@@ -526,6 +527,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 +575,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.6",
   "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
   }

package/src/lib/dom.js

@@ -14,14 +14,13 @@ import {
  * @returns A newly created DOM element based on the fiber object.
  */
 const createDom = (fiber) => {
+  console.log('Creating DOM element for fiber:', fiber)
   const dom =
     fiber.type === RYUNIX_TYPES.TEXT_ELEMENT
       ? document.createTextNode('')
       : document.createElement(fiber.type)
 
-  // Update the newly created DOM element with 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)