@unsetsoft/ryunixjs 0.2.26-nightly.3 → 0.2.26-nightly.5

package/lib/dom.js

@@ -423,8 +423,49 @@ function reconcileChildren(wipFiber, elements) {
   }
 }
 
+
+ 
+/**
+ * The above function creates a context in JavaScript that allows for sharing data between components.
+ * @param defaultValue - The `defaultValue` parameter is the initial value of the context. If no value
+ * is provided, the `EMPTY_CONTEXT` symbol is used as the default value.
+ * @returns The `createContext` function returns an object with two properties: `Provider` and
+ * `Consumer`.
+ */
+const EMPTY_CONTEXT = Symbol();
+
+function createContext(defaultValue) {
+  let contextValue = defaultValue || EMPTY_CONTEXT;
+
+  const Provider = (value, callback) => {
+    contextValue = value;
+    const currentValue = contextValue;
+    callback();
+    contextValue = currentValue;
+  };
+
+  const Consumer = () => {
+    return contextValue;
+  };
+
+  return {
+    Provider,
+    Consumer,
+  };
+}
+
 // Hooks
 
+/**
+ * The useContext function returns the Consumer component of a given reference.
+ * @param ref - The "ref" parameter is a reference to a Ryunix context object.
+ * @returns The `useContext` function is returning the result of calling the `Consumer` method on the
+ * `ref` object.
+ */
+function useContext(ref) {
+  return ref.Consumer();
+}
+
 /**
  * @description The function creates a state.
  * @param initial - The initial value of the state for the hook.
@@ -513,7 +554,7 @@ function useEffect(effect, deps) {
 
 // export
 
-export { useStore, useEffect };
+export { useStore, useEffect, createContext, useContext };
 
 export default {
   createElement,

package/lib/main.js

@@ -1,6 +1,6 @@
 import Ryunix from "./dom";
 
-export { useStore, useEffect } from "./dom";
+export { useStore, useEffect, createContext, useContext } from "./dom";
 
 window.Ryunix = Ryunix;
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@unsetsoft/ryunixjs",
-  "version": "0.2.26-nightly.3",
+  "version": "0.2.26-nightly.5",
   "license": "MIT",
   "main": "./dist/Ryunix.js",
   "private": false,

package/webpack.config.js

@@ -41,19 +41,14 @@ module.exports = {
   module: {
     rules: [
       {
-        test: /\.(js|jsx|ts|tsx|ryx|mdx)$/,
+        test: /\.(js|jsx|ts|tsx|ryx|)$/,
         exclude: /node_modules/,
-        use: [
-          {
-            loader: "babel-loader",
-            options: {
-              presets: ["@babel/preset-env", "@babel/preset-react"],
-            },
+        use: {
+          loader: "babel-loader",
+          options: {
+            presets: ["@babel/preset-env", "@babel/preset-react"],
           },
-          {
-            loader: "@mdx-js/loader",
-          },
-        ],
+        },
       },
       {
         test: /\.sass|css$/,