@unsetsoft/ryunixjs 0.1.11 → 0.1.12-beta.0

package/lib/component.js

@@ -1,4 +1,5 @@
 import { scheduleUpdate } from "./reconciler";
+
 export class Component {
   constructor(props) {
     this.props = props;
@@ -12,3 +13,13 @@ export class Component {
     );
   }
 }
+
+export class Fragment {
+  constructor(props) {
+    this.props = props;
+  }
+
+  render() {
+    return this.props.children;
+  }
+}

package/lib/reconciler.js

@@ -448,6 +448,12 @@ export function scheduleUpdate(instance, partialState) {
   });
 }
 
+let rootElement;
+
+export const createRoot = (parentDom) => {
+  rootElement = parentDom;
+};
+
 /**
  * The `render` function takes in elements and a parent DOM node, and schedules a reconciliation
  * process to update the DOM with the new elements.
@@ -455,6 +461,16 @@ export function scheduleUpdate(instance, partialState) {
  * @param parentDom - parentDom is a reference to the DOM element where the rendered elements will be
  * appended as children. It is the container element for the rendered components.
  */
+
+export function rootClient(elements) {
+  workQueue.push({
+    from: "root",
+    dom: rootElement,
+    newProps: { children: elements },
+  });
+  requestIdleCallback(performWork);
+}
+
 export function render(elements, parentDom) {
   workQueue.push({
     from: HOST_ROOT, 

package/lib/ryunix.js

@@ -1,10 +1,13 @@
-import { render } from "./reconciler";
+import { render, rootClient, createRoot } from "./reconciler";
 import { createElement } from "./element";
-import { Component } from "./component";
+import { Component, Fragment } from "./component";
 import { useLoaded } from "./hooks";
-export { createElement, render, Component, useLoaded };
+export { createElement, render, Component, useLoaded, Fragment };
 export default {
   render,
   createElement,
   Component,
+  Fragment,
+  rootClient,
+  createRoot,
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@unsetsoft/ryunixjs",
-  "version": "0.1.11",
+  "version": "0.1.12-beta.0",
   "license": "MIT",
   "main": "./dist/Ryunix.js",
   "private": false,