frontend-plus-react 0.4.1 → 0.4.2

package/dist/index.js

@@ -4193,7 +4193,7 @@ var GenericDataGrid = ({
 var GenericDataGrid_default = GenericDataGrid;
 
 // src/App.tsx
-import React28, { useEffect as useEffect16, useMemo as useMemo14 } from "react";
+import React29, { useEffect as useEffect17, useMemo as useMemo14 } from "react";
 import { BrowserRouter, Routes, Route, useLocation as useLocation7, Navigate as Navigate4, Outlet as Outlet2 } from "react-router-dom";
 
 // src/components/MainLayout.tsx
@@ -4773,7 +4773,6 @@ import { Button as Button8, TextField as TextField2, Typography as Typography13,
 import { useForm, Controller } from "react-hook-form";
 import { zodResolver } from "@hookform/resolvers/zod";
 import * as z from "zod";
-import { useNavigate as useNavigate4 } from "react-router-dom";
 import { useDispatch as useDispatch4 } from "react-redux";
 import { Fragment as Fragment3, jsx as jsx25, jsxs as jsxs18 } from "react/jsx-runtime";
 var loginSchema = z.object({
@@ -4783,7 +4782,6 @@ var loginSchema = z.object({
   // Añadir validación básica
 });
 var LoginPage = () => {
-  const navigate = useNavigate4();
   const [loginError, setLoginError] = useState14(null);
   const [isSubmitting, setIsSubmitting] = useState14(false);
   const { setIsLoggedIn, checkSession } = useApp();
@@ -4821,7 +4819,6 @@ var LoginPage = () => {
       setIsLoggedIn(true);
       await dispatch(fetchClientContext()).unwrap();
       console.log("Login exitoso y clientContext cargado.");
-      navigate("/");
       reset();
     } catch (error) {
       console.error("Error al iniciar sesi\xF3n:", error);
@@ -5429,10 +5426,10 @@ var PrivateRoute_default = PrivateRoute;
 
 // src/components/InitialRedirectHandler.tsx
 import { useEffect as useEffect11, useRef as useRef8 } from "react";
-import { useLocation as useLocation4, useNavigate as useNavigate5 } from "react-router-dom";
+import { useLocation as useLocation4, useNavigate as useNavigate4 } from "react-router-dom";
 var InitialRedirectHandler = () => {
   const location = useLocation4();
-  const navigate = useNavigate5();
+  const navigate = useNavigate4();
   const dispatch = useAppDispatch();
   const redirectPath = useRedirectPath();
   const clientContextStatus = useClientContextStatus();
@@ -5620,7 +5617,7 @@ var MenuTablePage_default = MenuTablePage;
 
 // src/puente/PantallaBP.tsx
 import { useEffect as useEffect14, useRef as useRef9, useState as useState17 } from "react";
-import { Navigate as Navigate3, useLocation as useLocation6, useNavigate as useNavigate6, useParams as useParams4 } from "react-router-dom";
+import { Navigate as Navigate3, useLocation as useLocation6, useParams as useParams4 } from "react-router-dom";
 import { Alert as Alert7, Box as Box24, CircularProgress as CircularProgress8 } from "@mui/material";
 
 // src/puente/clienteBP.ts
@@ -5655,6 +5652,24 @@ function esperarCargaDeVentana() {
   if (document.readyState === "complete") return Promise.resolve();
   return new Promise((resolver) => window.addEventListener("load", () => resolver(), { once: true }));
 }
+async function sinEscuchasDeVentana(tipos, inyectar) {
+  const original = window.addEventListener;
+  const filtrada = function(tipo, escucha, opciones) {
+    if (tipos.includes(tipo)) return;
+    original.call(this, tipo, escucha, opciones);
+  };
+  window.addEventListener = filtrada;
+  try {
+    return await inyectar();
+  } finally {
+    if (window.addEventListener === filtrada) window.addEventListener = original;
+  }
+}
+async function cargarScripts(rutas) {
+  for (const ruta of rutas) {
+    await cargarScript(ruta);
+  }
+}
 var carga = null;
 function cargarClienteBP(urlBackend) {
   if (!carga) {
@@ -5683,9 +5698,7 @@ async function cargarSinMemoria(urlBackend) {
     document.head.appendChild(enlace);
   });
   await esperarCargaDeVentana();
-  for (const ruta of recursos.scripts) {
-    await cargarScript(ruta);
-  }
+  await sinEscuchasDeVentana(["popstate"], () => cargarScripts(recursos.scripts));
   const myOwn = window.myOwn;
   if (!myOwn) throw new Error("El backend no defini\xF3 myOwn.");
   window.my = myOwn;
@@ -5807,47 +5820,6 @@ function resolverPantallaBP(myOwn, nombre, contenedor) {
   return null;
 }
 
-// src/puente/capturaDeNavegacion.ts
-function apiDeNavegacion() {
-  const api = Reflect.get(window, "navigation");
-  return typeof api === "object" && api !== null && "addEventListener" in api && typeof api.addEventListener === "function" ? api : null;
-}
-function capturarNavegacionBP(urlBackend, navegar) {
-  const alHacerClick = (evento) => {
-    if (evento.defaultPrevented || evento.button !== 0 || evento.ctrlKey || evento.metaKey || evento.shiftKey) return;
-    const enlace = evento.target instanceof Element ? evento.target.closest("a[href]") : null;
-    if (!enlace || enlace.hasAttribute("download") || (enlace.getAttribute("target") ?? "_self") !== "_self") return;
-    const ruta = rutaDeEnlaceBP(enlace.getAttribute("href") ?? "", document.baseURI, urlBackend);
-    if (ruta) {
-      evento.preventDefault();
-      evento.stopPropagation();
-      navegar(ruta);
-    }
-  };
-  document.addEventListener("click", alHacerClick, true);
-  const navegacion = apiDeNavegacion();
-  const alNavegar = (evento) => {
-    if (!evento.cancelable || evento.destination.sameDocument || evento.downloadRequest !== null) return;
-    const ruta = rutaDeEnlaceBP(evento.destination.url, document.baseURI, urlBackend);
-    if (ruta) {
-      evento.preventDefault();
-      navegar(ruta);
-    }
-  };
-  navegacion?.addEventListener("navigate", alNavegar);
-  const reemplazarOriginal = history.replaceState;
-  const reemplazar = (estado, titulo, url) => {
-    const ruta = url === void 0 || url === null ? null : rutaDeEnlaceBP(String(url), document.baseURI, urlBackend);
-    reemplazarOriginal.call(history, estado, titulo, ruta === null ? url : rutaBase + ruta);
-  };
-  history.replaceState = reemplazar;
-  return () => {
-    if (history.replaceState === reemplazar) history.replaceState = reemplazarOriginal;
-    document.removeEventListener("click", alHacerClick, true);
-    navegacion?.removeEventListener("navigate", alNavegar);
-  };
-}
-
 // src/puente/habilitacion.ts
 var habilitado = false;
 var habilitarPuenteBP = () => {
@@ -5868,7 +5840,6 @@ function buscarItemDeMenu(items, tipo) {
   return void 0;
 }
 var PantallaBP = ({ nombre, direccion }) => {
-  const navigate = useNavigate6();
   const { clientContext } = useApp();
   const [cargando, setCargando] = useState17(true);
   const [error, setError] = useState17(null);
@@ -5882,7 +5853,6 @@ var PantallaBP = ({ nombre, direccion }) => {
     setError(null);
     setNoExiste(false);
     setCargando(true);
-    const dejarDeCapturar = capturarNavegacionBP(envConfig.backendUrl, navigate);
     cargarClienteBP(envConfig.backendUrl).then((myOwn) => {
       if (!vigente) return;
       setCargando(false);
@@ -5904,10 +5874,9 @@ var PantallaBP = ({ nombre, direccion }) => {
     });
     return () => {
       vigente = false;
-      dejarDeCapturar();
       elemento.replaceChildren();
     };
-  }, [nombre, direccion, menu, navigate]);
+  }, [nombre, direccion, menu]);
   if (noExiste) return /* @__PURE__ */ jsx33(FallbackWScreen, { screenName: nombre });
   return (
     // el indicador de carga flota: si ocupara lugar, el contenido de backend-plus empezaría más abajo mientras carga y subiría al terminar
@@ -5986,13 +5955,65 @@ var PaginaGrillaBP = () => {
   return /* @__PURE__ */ jsx34(GrillaBP, { tabla: tableName }, tableName);
 };
 
+// src/puente/CapturaBP.tsx
+import { useEffect as useEffect16 } from "react";
+import { useNavigate as useNavigate5 } from "react-router-dom";
+
+// src/puente/capturaDeNavegacion.ts
+function apiDeNavegacion() {
+  const api = Reflect.get(window, "navigation");
+  return typeof api === "object" && api !== null && "addEventListener" in api && typeof api.addEventListener === "function" ? api : null;
+}
+function capturarNavegacionBP(urlBackend, navegar) {
+  const alHacerClick = (evento) => {
+    if (evento.defaultPrevented || evento.button !== 0 || evento.ctrlKey || evento.metaKey || evento.shiftKey) return;
+    const enlace = evento.target instanceof Element ? evento.target.closest("a[href]") : null;
+    if (!enlace || enlace.hasAttribute("download") || (enlace.getAttribute("target") ?? "_self") !== "_self") return;
+    const ruta = rutaDeEnlaceBP(enlace.getAttribute("href") ?? "", document.baseURI, urlBackend);
+    if (ruta) {
+      evento.preventDefault();
+      evento.stopPropagation();
+      navegar(ruta);
+    }
+  };
+  document.addEventListener("click", alHacerClick, true);
+  const navegacion = apiDeNavegacion();
+  const alNavegar = (evento) => {
+    if (!evento.cancelable || evento.destination.sameDocument || evento.downloadRequest !== null) return;
+    const ruta = rutaDeEnlaceBP(evento.destination.url, document.baseURI, urlBackend);
+    if (ruta) {
+      evento.preventDefault();
+      navegar(ruta);
+    }
+  };
+  navegacion?.addEventListener("navigate", alNavegar);
+  const reemplazarOriginal = history.replaceState;
+  const reemplazar = (estado, titulo, url) => {
+    const ruta = url === void 0 || url === null ? null : rutaDeEnlaceBP(String(url), document.baseURI, urlBackend);
+    reemplazarOriginal.call(history, estado, titulo, ruta === null ? url : rutaBase + ruta);
+  };
+  history.replaceState = reemplazar;
+  return () => {
+    if (history.replaceState === reemplazar) history.replaceState = reemplazarOriginal;
+    document.removeEventListener("click", alHacerClick, true);
+    navegacion?.removeEventListener("navigate", alNavegar);
+  };
+}
+
+// src/puente/CapturaBP.tsx
+var CapturaBP = () => {
+  const navigate = useNavigate5();
+  useEffect16(() => capturarNavegacionBP(envConfig.backendUrl, navigate), [navigate]);
+  return null;
+};
+
 // src/App.tsx
 import typeStore6 from "type-store";
 import { Fragment as Fragment5, jsx as jsx35, jsxs as jsxs25 } from "react/jsx-runtime";
 var LocationTracker = () => {
   const location = useLocation7();
   const dispatch = useAppDispatch();
-  useEffect16(() => {
+  useEffect17(() => {
     dispatch(setCurrentPath(location.pathname + location.search));
   }, [location, dispatch]);
   return null;
@@ -6000,6 +6021,7 @@ var LocationTracker = () => {
 function FrontendPlusReactRoutes({ myRoutes, myUnloggedRoutes, layout: Layout = MainLayout_default, unloggedLayout: UnloggedLayout }) {
   return /* @__PURE__ */ jsxs25(Fragment5, { children: [
     /* @__PURE__ */ jsx35(InitialRedirectHandler_default, {}),
+    puenteBPHabilitado() && /* @__PURE__ */ jsx35(CapturaBP, {}),
     /* @__PURE__ */ jsxs25(Routes, { children: [
       /* @__PURE__ */ jsxs25(Route, { element: UnloggedLayout ? /* @__PURE__ */ jsx35(UnloggedLayout, {}) : /* @__PURE__ */ jsx35(Outlet2, {}), children: [
         /* @__PURE__ */ jsx35(Route, { path: "/login", element: /* @__PURE__ */ jsx35(LoginPage_default, {}) }),
@@ -6066,7 +6088,7 @@ var App = ({
       habilitarPuenteBP();
     }
   }, [myClientSides, myResultsOk, myWScreens, myConditions, puenteBP]);
-  useEffect16(() => {
+  useEffect17(() => {
     typeStore6.messages = typeStore6.i18n.messages.es;
     typeStore6.locale = typeStore6.i18n.locale.es;
     const link = document.querySelector("link[rel*='icon']") || document.createElement("link");
@@ -6075,7 +6097,7 @@ var App = ({
     link.href = `${envConfig.backendUrl}/img/logo-128.png`;
     document.getElementsByTagName("head")[0].appendChild(link);
   }, []);
-  const safePaths = React28.useMemo(() => {
+  const safePaths = React29.useMemo(() => {
     const extracted = extractPathsFromRoutes(myUnloggedRoutes);
     return ["/login", "/logout", ...extracted];
   }, [myUnloggedRoutes]);