hermes-io 2.2.0 → 2.2.3

package/context.js

@@ -1,3 +1,4 @@
+let isDevtoolsInitialized = false;
 let recording = false;
 let collection = [];
 
@@ -24,7 +25,14 @@ const handleMessageFromDevtools = (event) => {
   }
 };
 
-window.addEventListener("message", handleMessageFromDevtools);
+
+export const enableDevTools = () => {
+  if (!isDevtoolsInitialized) {
+    window.addEventListener("message", handleMessageFromDevtools);
+    isDevtoolsInitialized = true;
+  }
+  return isDevtoolsInitialized;
+};
 
 export class Context {
   id = null;

package/examples/sneaker-store/src/core/App.js

@@ -44,10 +44,9 @@ function App() {
     setProducts([...productsStore.get('collection')]);
   };
   
-  const handleAddProduct = ({ value: product = {} }, resolve) => {
+  const handleAddProduct = ({ value: product = {} }) => {
     product.selected = true;
     setProducts([...productsStore.get('collection')]);
-    resolve();
   };
   
   useObserver({

package/examples/sneaker-store/src/core/views/components/Products/Products.js

@@ -15,9 +15,8 @@ import * as contexts from "@contexts";
 const Products = (props = {}) => {
   const { data = [] } = props;
 
-  const handleAddProduct = async (product = {}) => {
-    const result = await ProductsObserver.add.notify({ value: product, context: contexts.products });
-    console.log({ result });
+  const handleAddProduct = (product = {}) => {
+    ProductsObserver.add.notify({ value: product, context: contexts.products });
   };
 
   const handleRemoveProduct = (product = {}) => {

package/hooks/useObserver.js

@@ -1,4 +1,5 @@
 import React, { useEffect } from "react";
+import { enableDevTools } from "../context";
 
 export const useObserver = (props = {}) => {
   useEffect(() => {
@@ -7,7 +8,9 @@ export const useObserver = (props = {}) => {
       const hasfromList = contexts.length !== 0;
       const hasValidList = hasfromList && contexts.find((ctx) => ctx.id === payload?.context?.id);
       if (hasValidList) {
-        payload?.context?.update({ value: payload, listener });
+        if (!enableDevTools()) {
+          payload?.context?.update({ value: payload, listener });
+        }
         listener?.(payload, resolve);
       }
     }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "hermes-io",
-  "version": "2.2.0",
+  "version": "2.2.3",
   "description": "A lightweight javascript library that allows communication between Reactjs components by using the observer pattern and the hook api",
   "main": "index.js",
   "scripts": {