@unsetsoft/ryunixjs 0.1.2-alpha.1 → 0.1.3-alpha.1

package/lib/hooks.js

@@ -0,0 +1,5 @@
+const useLoaded = (fn) => {
+  return document.addEventListener("DOMContentLoaded", fn);
+};
+
+export { useLoaded };

package/lib/reconciler.js

@@ -6,6 +6,7 @@ export function render(element, parentDom) {
   const nextInstance = reconcile(parentDom, prevInstance, element);
   rootInstance = nextInstance;
 }
+
 export function reconcile(parentDom, instance, element) {
   if (instance === null) {
     const newInstance = instantiate(element);

package/lib/ryunix.js

@@ -1,11 +1,10 @@
 import { render } from "./reconciler";
 import { createElement } from "./element";
 import { Component } from "./component";
-import hooks from "./hooks/index.js";
-export { createElement, render, Component, hooks };
+import { useLoaded } from "./hooks";
+export { createElement, render, Component, useLoaded };
 export default {
   render,
   createElement,
   Component,
-  hooks,
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@unsetsoft/ryunixjs",
-  "version": "0.1.2-alpha.1",
+  "version": "0.1.3-alpha.1",
   "license": "MIT",
   "main": "./dist/Ryunix.js",
   "private": false,

package/lib/hooks/index.js

@@ -1,3 +0,0 @@
-import Store from "./store";
-const useStore = (val) => new Store(val).hook();
-export default { useStore };

package/lib/hooks/store.js

@@ -1,20 +0,0 @@
-class Store {
-  constructor(defvalue) {
-    this.defvalue = defvalue;
-  }
-  /* `setValue` is a method that takes in a parameter `newValue`. The arrow function syntax `=>` is
-  used to define the function. Inside the function, the `defvalue` property of the `Store` instance
-  is set to the `newValue` parameter. This means that when `setValue` is called with a new value, it
-  updates the `defvalue` property of the `Store` instance to that new value. */
-  setValue = (newValue) => (this.defvalue = newValue);
-
-  /* `hook` is a method that returns an array containing two functions: `getValue` and `setValue`.
-  These functions can be used to get and set the value of the `defvalue` property of the `Store`
-  class instance. This is useful for implementing state management in React functional components
-  using the `useState` hook. */
-  hook = () => {
-    return [this.defvalue, this.setValue];
-  };
-}
-
-export default Store;