ywana-core8 0.1.48 → 0.1.50

package/dist/index.cjs

@@ -2051,31 +2051,59 @@ var SiteProvider = function SiteProvider(_ref) {
     consoleLines = _useState7[0],
     setConsoleLines = _useState7[1];
   var _useState8 = React.useState(),
-    page = _useState8[0],
-    setPage = _useState8[1];
+    dialog = _useState8[0],
+    setDialog = _useState8[1];
   var _useState9 = React.useState(),
-    dialog = _useState9[0],
-    setDialog = _useState9[1];
+    promptDialog = _useState9[0],
+    setPromptDialog = _useState9[1];
   var _useState10 = React.useState(),
-    promptDialog = _useState10[0],
-    setPromptDialog = _useState10[1];
+    preview = _useState10[0],
+    setPreview = _useState10[1];
   var _useState11 = React.useState(),
-    preview = _useState11[0],
-    setPreview = _useState11[1];
-  var _useState12 = React.useState(),
-    breadcrumb = _useState12[0],
-    setBreadcrumb = _useState12[1];
+    breadcrumb = _useState11[0],
+    setBreadcrumb = _useState11[1];
+  var _useState12 = React.useState([]),
+    history = _useState12[0],
+    setHistory = _useState12[1];
+
+  // 📌 Extraer la página actual desde la URL (por defecto "home")
+  var getCurrentPageFromURL = function getCurrentPageFromURL() {
+    var path = window.location.pathname.replace("/", "");
+    return path || "home";
+  };
+  var _useState13 = React.useState(getCurrentPageFromURL()),
+    page = _useState13[0],
+    setPage = _useState13[1];
+  React.useEffect(function () {
+    // 📌 Detectar cambios en la URL cuando el usuario presiona "Atrás" o "Adelante"
+    var handlePopState = function handlePopState(event) {
+      var _event$state;
+      var previousPage = ((_event$state = event.state) == null ? void 0 : _event$state.page) || "home";
+      setPage(previousPage);
+    };
+    window.addEventListener("popstate", handlePopState);
+    return function () {
+      return window.removeEventListener("popstate", handlePopState);
+    };
+  }, []);
   var value = {
     lang: lang,
     setLang: setLang,
     dictionary: dictionary,
     setDictionary: setDictionary,
-    translate: function translate(key) {
-      if (!key) return key;
-      if (dictionary === undefined) return key;
-      var term = dictionary[key];
-      return term ? term[lang] : key;
+    translate: React.useCallback(function (key) {
+      var _dictionary$key;
+      return (dictionary == null ? void 0 : (_dictionary$key = dictionary[key]) == null ? void 0 : _dictionary$key[lang]) || key;
+    }, [lang, dictionary]),
+    /*
+    translate: (key) => {
+        if (!key) return key
+        if (dictionary === undefined) return key
+        const term = dictionary[key]
+        return term ? term[lang] : key
     },
+    */
+
     sideNav: sideNav,
     setSideNav: setSideNav,
     showNav: showNav,
@@ -2103,7 +2131,25 @@ var SiteProvider = function SiteProvider(_ref) {
     setBreadcrumb: setBreadcrumb,
     page: page,
     "goto": function goto(id) {
+      if (page) {
+        setHistory(function (prev) {
+          return [].concat(prev, [page]);
+        }); // 🔹 Guarda la página actual en el historial antes de cambiar
+      }
       setPage(id);
+      window.history.pushState({
+        page: id
+      }, "", "/" + id); // 🔹 Actualiza la URL
+    },
+    goBack: function goBack() {
+      if (history.length > 0) {
+        var lastPage = history[history.length - 1];
+        setHistory(function (prev) {
+          return prev.slice(0, -1);
+        }); // 🔹 Elimina la última entrada del historial
+        setPage(lastPage); // 🔹 Vuelve a la página anterior
+        window.history.back(); // 🔹 Regresa en la navegación del navegador
+      }
     },
     dialog: dialog,
     openDialog: function openDialog(dialog) {
@@ -2261,20 +2307,15 @@ var SiteMenu = function SiteMenu(_ref6) {
     context.setShowNav(false);
     context["goto"](id);
   };
-  var sections = children ? React.Children.toArray(children).reduce(function (sections, page) {
-    var section = page.props ? page.props.section : '...';
-    if (!sections[section]) sections[section] = [];
-    var _page$props = page.props,
-      id = _page$props.id,
-      icon = _page$props.icon,
-      title = _page$props.title;
-    if (title) sections[section].push({
-      id: id,
-      icon: icon,
-      title: title
-    });
-    return sections;
-  }, {}) : {};
+  var sections = React.useMemo(function () {
+    return children.reduce(function (acc, child) {
+      var section = child.props.section || "";
+      if (!acc[section]) acc[section] = [];
+      var title = child.props.title;
+      if (title) acc[section].push(child.props);
+      return acc;
+    }, {});
+  }, [children]);
   var style = sideNav === 'max' ? 'max' : 'min';
   var toggleIcon = sideNav === 'max' ? 'chevron_left' : 'chevron_right';
   var menutTitle = sideNav === 'max' ? title : '';