react-redactor 1.0.5 → 1.0.7

package/index.js

@@ -1,3 +1 @@
-export { useBadge, BadgeProvider } from "./src/Badge";
-export { Protect } from "./src/Protect";
-export { useProtection } from "./src/useProtection";
+export {useBadge, useProtection, Protect, Provider} from "./src/main";

package/package.json

@@ -1,13 +1,15 @@
 {
   "name": "react-redactor",
-  "version": "1.0.5",
+  "version": "1.0.7",
   "description": "Redactor is a lightweight library for conditional rendering, context management, and navigation in React applications.",
   "main": "index.jsx",
+  "type": "module",
   "scripts": {
     "test": "echo \"Error: no test specified\" && exit 1"
   },
   "keywords": [
     "redactor",
+    "react-redactor",
     "router",
     "route-protector"
   ],
@@ -15,6 +17,7 @@
   "license": "ISC",
   "dependencies": {
     "react": "^18.3.1",
+    "react-dom": "^18.3.1",
     "react-router-dom": "^7.0.1"
   }
 }

package/src/main.js

@@ -0,0 +1,35 @@
+import React, { createContext, useContext, useEffect } from "react";
+import { useNavigate } from "react-router-dom";
+
+const BadgeContext = createContext(null);
+
+export function useBadge() {
+  return useContext(BadgeContext);
+}
+
+export function Provider({ children, validator }) {
+  const badgeValue = validator(); 
+
+  return (
+    <BadgeContext.Provider value={badgeValue}>
+      {children}
+    </BadgeContext.Provider>
+  );
+}
+
+export function Protect({ Proceed, Return, Badge }) {
+  return Badge ? <Proceed /> : <Return />;
+}
+
+export function useProtection(goto_url, returnto_url) {
+  const navigate = useNavigate();
+  const badge = useBadge(); 
+
+  useEffect(() => {
+    if (badge) {
+      navigate(goto_url); 
+    } else {
+      navigate(returnto_url); 
+    }
+  }, [badge, goto_url, returnto_url, navigate]);
+}

package/src/Badge.js

@@ -1,24 +0,0 @@
-import React, { createContext, useContext } from "react";
-
-// Badge Context
-const BadgeContext = createContext(null);
-
-/**
- * `Badge` Hook
- * Allows consumers to access the BadgeContext value.
- * @returns {*} Context value
- */
-export function useBadge() {
-    return useContext(BadgeContext);
-}
-
-/**
- * `Provider` Component
- * Wraps children with BadgeContext.Provider
- * @param {Object} props
- * @param {*} props.value - The value to pass to the context.
- * @param {React.ReactNode} props.children - Components to render within the provider.
- */
-export function BadgeProvider({ value, children }) {
-    return <BadgeContext.Provider value={value}>{children}</BadgeContext.Provider>;
-}

package/src/Protect.js

@@ -1,13 +0,0 @@
-import React from "react";
-
-/**
- * `Protect` Component
- * Conditionally renders one of two components based on a badge value.
- * @param {Object} props
- * @param {React.ComponentType} props.Proceed - Component to render if badgeValue is true.
- * @param {React.ComponentType} props.Return - Component to render if badgeValue is false.
- * @param {boolean} props.badgeValue - Determines which component to render.
- */
-export function Protect({ Proceed, Return, badgeValue }) {
-    return badgeValue ? <Proceed /> : <Return />;
-}

package/src/useProtection.js

@@ -1,22 +0,0 @@
-import { useEffect } from "react";
-import { useNavigate } from "react-router-dom";
-
-/**
- * ;)
- * `useProtection` Hook
- * Redirects based on a validation function's result.
- * @param {Function} validationFunc - A function that returns a boolean.
- * @param {string} goto_url - URL to navigate to if the validation passes.
- * @param {string} returnto_url - URL to navigate to if the validation fails.
- */
-export function useProtection(validationFunc, goto_url, returnto_url) {
-    const navigate = useNavigate();
-
-    useEffect(() => {
-        if (validationFunc()) {
-            navigate(goto_url);
-        } else {
-            navigate(returnto_url);
-        }
-    }, [validationFunc, goto_url, returnto_url, navigate]);
-}