hermes-io 2.4.47 → 2.5.49

package/MIT-LICENSE.txt

@@ -0,0 +1,20 @@
+Copyright (c) 2024 Esneyder Amin Palacios Mena
+
+Permission is hereby granted, free of charge, to any person obtaining
+a copy of this software and associated documentation files (the
+"Software"), to deal in the Software without restriction, including
+without limitation the rights to use, copy, modify, merge, publish,
+distribute, sublicense, and/or sell copies of the Software, and to
+permit persons to whom the Software is furnished to do so, subject to
+the following conditions:
+
+The above copyright notice and this permission notice shall be
+included in all copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
+EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF
+MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND
+NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE
+LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION
+OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION
+WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.

package/README.md

@@ -1,23 +1,67 @@
-# hermes-io <img src="https://hermes-io-docs.vercel.app/img/logo.png"  width="40" height="40" />
-
+# hermes-io
 A lightweight React library that allows communication between components by using the observer pattern and the hook api.
 
+## Usage
+```javascript
+function App({ notify }) {
+  const increment = () => {
+    notify({
+      value: {
+        type: INCREMENT,
+      },
+    });
+  };
+
+  const decrement = () => {
+    notify({
+      value: {
+        type: DECREMENT,
+      },
+    });
+  };
+
+  return (
+    <div>
+      <Counter />
+      <RenderTracker />
+      <button onClick={increment}>Increment</button>
+      <button onClick={decrement}>Decrement</button>
+    </div>
+  );
+};
+export default withNotify(App, {
+  context: CounterContext,
+  observer: CounterObserver
+});
 ```
-npm i hermes-io --save
-```
-Documentation: [here](https://hermes-io-docs.vercel.app/)
 
+```javascript
+export function Counter() {
+  const [count, setCount] = useState(0);
+  const handleCounterNotification = (event) => {
+    const { value = {} } = event;
+    const { type } = value;
+    if (type === INCREMENT) setCount((prevValue) => prevValue + 1);
+    if (type === DECREMENT) setCount((prevValue) => prevValue - 1);
+  };
 
-## Devtool
+  useObserver({
+    contexts: [CounterContext],
+    observer: CounterObserver,
+    listener: handleCounterNotification,
+  });
 
-Install from chrome web store [here](https://chrome.google.com/webstore/detail/hermes-io/pjdkgcpikfmkncldipldmimanfkpeedm?hl=en)
+  return <h1>Counter: {count}</h1>;
+}
+```
+<img src="https://raw.githubusercontent.com/Maxtermax/hermes-io-counter-demo/master/src/assets/optimized.gif" />
 
-  
+## Documentation
+See: https://hermes-io-docs.vercel.app/
 
-![chrome extension](https://raw.githubusercontent.com/Maxtermax/hermes-io-devtools/master/demo.gif)
 
-## Contributing:
+## Devtool
 
-Feel free to open a PR explaining your changes, this library is open to suggestions and improvements.
+Install from chrome web store [here](https://chrome.google.com/webstore/detail/hermes-io/pjdkgcpikfmkncldipldmimanfkpeedm?hl=en)
 
-https://github.com/Maxtermax/hermes-io
+![chrome extension](https://raw.githubusercontent.com/Maxtermax/hermes-io-devtools/master/demo.gif)

package/lib/components/withNotify/withNotify.jsx

@@ -0,0 +1,6 @@
+import React from 'react';
+
+export function withNotify(Component, { context, observer }) {
+  const notify = (value) => observer.notify({ context, value });
+  return (props) => <Component notify={notify} {...props} />;
+}

package/lib/hooks/useMutations.js

@@ -1 +1 @@
-function _array_like_to_array(r,t){(null==t||t>r.length)&&(t=r.length);for(var e=0,n=Array(t);e<t;e++)n[e]=r[e];return n}import{useState as r,useRef as t}from"react";import{useObserver as e}from"../hooks/useObserver";var randomId=function(){var r,t;return(null==(t=crypto)?void 0:null==(r=t.randomUUID)?void 0:r.call(t))||Math.random().toString(36).substring(2,16)};export var useMutations=function(n){var o=n.store,a=n.id,i=n.events,l=n.noUpdate,u=void 0!==l&&l,v=n.onChange,d=r(randomId()),s=(d[0],d[1]),c=t(null);return e({listener:function(r,t){for(var e,n=function(r,t){var e="undefined"!=typeof Symbol&&r[Symbol.iterator]||r["@@iterator"];if(e)return(e=e.call(r)).next.bind(e);if(Array.isArray(r)||(e=function(r,t){if(r){if("string"==typeof r)return _array_like_to_array(r,void 0);var e=Object.prototype.toString.call(r).slice(8,-1);if("Object"===e&&r.constructor&&(e=r.constructor.name),"Map"===e||"Set"===e)return Array.from(e);if("Arguments"===e||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(e))return _array_like_to_array(r,void 0)}}(r))){e&&(r=e);var n=0;return function(){return n>=r.length?{done:!0}:{done:!1,value:r[n++]}}}throw TypeError("Invalid attempt to iterate non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}(i);!(e=n()).done;){var o=e.value;if(r.value.type===o){var l,d,c=null==(d=r.value)?void 0:null==(l=d.payload)?void 0:l.value;null==v||v(c,t),(!r.value.targets||r.value.targets.includes(a))&&!1===u&&s(randomId())}}},contexts:[o.context],observer:o.observer}),c};
+function _array_like_to_array(r,t){(null==t||t>r.length)&&(t=r.length);for(var n=0,e=Array(t);n<t;n++)e[n]=r[n];return e}import{useState as r,useRef as t}from"react";import{useObserver as n}from"../hooks/useObserver";var randomId=function(){var r,t;return(null==(t=crypto)?void 0:null==(r=t.randomUUID)?void 0:r.call(t))||Math.random().toString(36).substring(2,16)};export var useMutations=function(e){var o=e.store,a=e.id,l=e.events,i=e.noUpdate,u=void 0!==i&&i,v=e.onChange,d=r(randomId()),c=(d[0],d[1]),f=t(null);return n({listener:function(r,t){for(var n,e=function(r,t){var n="undefined"!=typeof Symbol&&r[Symbol.iterator]||r["@@iterator"];if(n)return(n=n.call(r)).next.bind(n);if(Array.isArray(r)||(n=function(r,t){if(r){if("string"==typeof r)return _array_like_to_array(r,void 0);var n=Object.prototype.toString.call(r).slice(8,-1);if("Object"===n&&r.constructor&&(n=r.constructor.name),"Map"===n||"Set"===n)return Array.from(n);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return _array_like_to_array(r,void 0)}}(r))){n&&(r=n);var e=0;return function(){return e>=r.length?{done:!0}:{done:!1,value:r[e++]}}}throw TypeError("Invalid attempt to iterate non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}(l);!(n=e()).done;)!function(){var e=n.value;if(r.value.type===e){var o,l,i,d,f,s,y=null==(l=r.value)?void 0:null==(o=l.payload)?void 0:o.value,m=!(null==(i=r.value)?void 0:i.targets);if(null==r||null==(s=r.value)||null==(f=s.targets)||null==(d=f.forEach)||d.call(f,function(r){return r===a&&(null==v?void 0:v(y,t))}),m&&(null==v||v(y,t)),!0===u)return;c(randomId())}}()},contexts:[o.context],observer:o.observer}),f};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "hermes-io",
-  "version": "2.4.47",
+  "version": "2.5.49",
   "description": "A lightweight React library that allows communication between Reactjs components by using the observer pattern and the hook api",
   "main": "./lib/index.js",
   "module": "./lib/index.js",

package/lib/components/withReactive/withReactive.js

@@ -1,41 +0,0 @@
-function _extends() {
-  return (_extends =
-    Object.assign ||
-    function (e) {
-      for (var r = 1; r < arguments.length; r++) {
-        var t = arguments[r];
-        for (var n in t)
-          Object.prototype.hasOwnProperty.call(t, n) && (e[n] = t[n]);
-      }
-      return e;
-    }).apply(this, arguments);
-}
-import { useObserver as e } from "../../hooks/useObserver";
-import r, { useState as t } from "react";
-export function withReactive(n) {
-  var o = n.context,
-    a = n.observer,
-    i = n.values,
-    u = void 0 === i ? {} : i;
-  return function (n) {
-    var i = t(!1),
-      s = (i[0], i[1]);
-    return (
-      e({
-        listener: function (e) {
-          var r = e.value,
-            t = r.id,
-            o = r.value;
-          n.id === t &&
-            ((u = _extends({}, u, o)),
-            s(function (e) {
-              return !e;
-            }));
-        },
-        contexts: [o],
-        observer: a,
-      }),
-      r.createElement(r.Fragment, null, n.render(u))
-    );
-  };
-}