props.alem.rootProps now causes re-render

wpdas · Apr 10, 2024 · 2de6c81 · 2de6c81
1 parent 5cd06a3
commit 2de6c81
Show file tree

Hide file tree

Showing 3 changed files with 25 additions and 33 deletions.
diff --git a/lib/alem-vm/components/AppIndexer.jsx b/lib/alem-vm/components/AppIndexer.jsx
@@ -12,6 +12,6 @@ const AlemApp = useMemo(() => {
       />
     </AlemTheme>
   );
-}, [props.alem.ready, props.alem.alemExternalStylesBody]);
+}, [props.alem.ready, props.alem.alemExternalStylesBody, props.alem.rootProps]);
 
 return AlemApp;
diff --git a/lib/alem-vm/importable/Router.tsx b/lib/alem-vm/importable/Router.tsx
@@ -47,24 +47,6 @@ const Router = (props: RouterProps) => {
   const { routeParameterName, routeType, activeRoute } = alemRoutes;
   const routeParamName = parameterName || routeParameterName;
 
-  // Registra como listener das props do root
-  useEffect(() => {
-    const handler = (data: any) => {
-      const _type = type || "URLBased";
-      if (_type === "URLBased") {
-        alemRoutes.updateRouteParameters({
-          activeRoute: data[routeParamName],
-        });
-      }
-    };
-
-    alem.registerListenerHandler(handler);
-
-    return () => {
-      alem.unregisterListenerHandler();
-    };
-  }, []);
-
   const checkIfPathIsIncludedToRoutes = (routePath: string) => {
     let pathFound = false;
     if (routes) {

diff --git a/lib/alem-vm/state.ts b/lib/alem-vm/state.ts
@@ -2,7 +2,15 @@
  * Todos os items do state inicial
  */
 
-import { Route, State, Storage, asyncFetch, state } from "./alem-vm";
+import {
+  Route,
+  State,
+  Storage,
+  asyncFetch,
+  state,
+  useEffect,
+  useState,
+} from "./alem-vm";
 
 /**
  * Update the alem state
@@ -25,18 +33,20 @@ const alemState = () => state.alem as typeof AlemStateInitialBody.alem;
 
 const AlemStateInitialBody = {
   alem: {
-    // System to send root properties to listeners
-    rootPropsListeners: [],
-    registerListenerHandler: (handler: (data: any) => void) => {
-      if (!props.alem.rootPropsListeners.includes(handler)) {
-        props.alem.rootPropsListeners.push(handler);
-      }
-    },
-    unregisterListenerHandler: (handler: (data: any) => void) => {
-      props.alem.rootPropsListeners = props.alem.rootPropsListeners.filter(
-        (item) => item !== handler,
-      );
-    },
+    // === System to send root properties to listeners ===
+    // INFO: Desativado pois as props sao repassadas quando
+    // elas sao mudadas no root (aqui)
+    // rootPropsListeners: [],
+    // registerListenerHandler: (handler: (data: any) => void) => {
+    //   if (!props.alem.rootPropsListeners.includes(handler)) {
+    //     props.alem.rootPropsListeners.push(handler);
+    //   }
+    // },
+    // unregisterListenerHandler: (handler: (data: any) => void) => {
+    //   props.alem.rootPropsListeners = props.alem.rootPropsListeners.filter(
+    //     (item) => item !== handler,
+    //   );
+    // },
 
     ready: false,
     /**
@@ -227,7 +237,7 @@ if (props.alem.keepRoute) {
 
 // Chama todos os metodos guardados no alem.handlers quando a propriedade
 // do root mudar
-props.alem.rootPropsListeners.forEach((handler) => handler(props));
+// props.alem.rootPropsListeners.forEach((handler) => handler(props));
 
 export type Alem = any;