@unsetsoft/ryunixjs 0.2.26-nightly.0 → 0.2.26-nightly.10

package/lib/dom.js

@@ -423,8 +423,48 @@ function reconcileChildren(wipFiber, elements) {
   }
 }
 
+
+/**
+ * The function createContext creates a context object with a default value and methods to set and get
+ * the context value.
+ * @param defaultValue - The `defaultValue` parameter is the initial value that will be assigned to the
+ * `contextValue` variable if no value is provided when creating the context.
+ * @returns a context object.
+ */
+function createContext(defaultValue) {
+  let contextValue = defaultValue || null;
+
+  const context = {
+    tag: "RYUNIX_CREATE_CONTEXT",
+    Value: contextValue,
+    Provider: null,
+  };
+
+  context.Provider = (value) => (context.Value = value);
+
+  return context;
+}
+
 // Hooks
 
+function useContext(ref) {
+  const Context = oldHook ? oldHook : ref;
+
+  const hook = {
+    tag: "RYUNIX_USE_CONTEXT",
+    __context: Context,
+  };
+
+  wipFiber.hooks.push(hook);
+  hookIndex++;
+  const oldHook =
+    wipFiber.alternate &&
+    wipFiber.alternate.hooks &&
+    wipFiber.alternate.hooks[hookIndex];
+
+  return hook.__context.Value;
+}
+
 /**
  * @description The function creates a state.
  * @param initial - The initial value of the state for the hook.
@@ -513,7 +553,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.0",
+  "version": "0.2.26-nightly.10",
   "license": "MIT",
   "main": "./dist/Ryunix.js",
   "private": false,

package/webpack.config.js

@@ -71,14 +71,10 @@ module.exports = {
         loader: "url-loader",
         options: { limit: false },
       },
-      {
-        test: /\.mdx$/,
-        use: ["@mdx-js/loader"],
-      },
     ],
   },
   resolve: {
-    extensions: ["*", ".js", ".jsx", ".ts", ".tsx", ".ryx"],
+    extensions: [".*", ".js", ".jsx", ".ts", ".tsx", ".ryx"],
   },
   plugins: [
     new HtmlWebpackPlugin({