@unsetsoft/ryunixjs 0.2.29 → 0.2.30-nightly.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@unsetsoft/ryunixjs",
-  "version": "0.2.29",
+  "version": "0.2.30-nightly.0",
   "license": "MIT",
   "main": "./dist/Ryunix.js",
   "private": false,
@@ -27,7 +27,6 @@
     "@babel/polyfill": "7.12.1",
     "@babel/preset-env": "^7.22.14",
     "@babel/preset-react": "^7.22.5",
-    "@mdx-js/loader": "^2.3.0",
     "babel-loader": "^9.1.3",
     "css-loader": "^6.8.1",
     "error-overlay-webpack-plugin": "^1.1.1",

package/src/lib/createElement.js

@@ -58,4 +58,6 @@ const Fragments = (props) => {
   return createElement("div", props, props.children);
 };
 
+
+
 export { createElement, createTextElement, Fragments };

package/src/lib/index.js

@@ -2,13 +2,22 @@ import { createElement, Fragments } from "./createElement";
 import { render, init } from "./render";
 import { useContext, useStore, useEffect } from "./hooks";
 import { createContext } from "./createContext";
+import { Router, Link } from "./navigation";
 import * as Dom from "./dom";
 import * as Workers from "./workers";
 import * as Reconciler from "./reconciler";
 import * as Components from "./components";
 import * as Commits from "./commits";
 
-export { useStore, useEffect, createContext, useContext, Fragments };
+export {
+  useStore,
+  useEffect,
+  createContext,
+  useContext,
+  Fragments,
+  Router,
+  Link,
+};
 
 export default {
   createElement,

package/src/lib/navigation.js

@@ -0,0 +1,34 @@
+import { useStore, useEffect } from "./hooks";
+import { createElement } from "./createElement";
+const Router = ({ path, component }) => {
+  const [currentPath, setCurrentPath] = useStore(window.location.pathname);
+
+  useEffect(() => {
+    const onLocationChange = () => {
+      setCurrentPath(() => window.location.pathname);
+    };
+
+    window.addEventListener("navigate", onLocationChange);
+    window.addEventListener("pushsatate", onLocationChange);
+    window.addEventListener("popstate", onLocationChange);
+
+    return () => {
+      window.removeEventListener("navigate", onLocationChange);
+      window.removeEventListener("pushsatate", onLocationChange);
+      window.removeEventListener("popstate", onLocationChange);
+    };
+  }, [currentPath]);
+
+  return currentPath === path ? component() : null;
+};
+
+const Link = (props) => {
+  const p = {
+    href: props.to,
+    ...props,
+  };
+
+  return createElement("a", p, props.children);
+};
+
+export { Router, Link };