hermes-io 2.2.16 → 2.2.18

package/README2.md

@@ -0,0 +1,8 @@
+# hermes-io ⚡ 
+ A lightweight javascript library that allows communication between components by using the observer pattern and the hook api. 
+
+  ![chrome extension](https://raw.githubusercontent.com/Maxtermax/hermes-io-devtools/master/demo.gif) 
+
+  ## Documentation: 
+
+  https://github.com/Maxtermax/hermes-io#readme

package/lib/context.js

@@ -0,0 +1 @@
+let recording=false;let collection=[];const handleMessageFromDevtools=event=>{const{source,payload}=event.data;if(source==="hermes-io-devtools"){if(payload==="START_RECORDING"){recording=true;return}if(payload==="STOP_RECORDING"){recording=false}if(payload==="RESET_RECORDING"){collection=[];recording=false}if(payload?.type==="SET_CONTEXT"){const context=collection.find(context=>context._internalId===payload.id);if(context){context.listener(context.value)}}}};window.addEventListener("message",handleMessageFromDevtools);export class Context{constructor(description){this.id=null;this._internalId=null;this.date=null;this.value=null;this.listener=null;this.stackTrace=null;this.update=({value,listener})=>{this.date=new Date;this.value=value;this.stackTrace=this.getStackTrace();this.listener=listener;if(recording){this.sendSnapshot()}};this.sendSnapshot=()=>{const snapshot=this.takeSnapshot();const{listener,stackTrace,value,date,_internalId}=snapshot;collection.push(snapshot);window.postMessage({type:"CONTEXT_SNAPSHOT",payload:{value:JSON.stringify(value.value),listener:listener.name,stackTrace,date,id:_internalId},source:"hermes-io"},"*")};this.takeSnapshot=()=>{return{_internalId:crypto.randomUUID(),value:this.value,date:this.date,listener:this.listener,stackTrace:this.stackTrace}};this.getStackTrace=()=>{const err=new Error;return err.stack};this.id=Symbol(description)}}

package/lib/hooks/index.js

@@ -0,0 +1 @@
+export*from"./useObserver";

package/lib/hooks/useObserver.js

@@ -0,0 +1 @@
+import React,{useEffect}from"react";export const useObserver=(props={})=>{useEffect(()=>{const{observer,listener,contexts=[]}=props;function subscriber(payload,resolve){const hasfromList=contexts.length!==0;const hasValidList=hasfromList&&contexts.find(ctx=>ctx.id===payload?.context?.id);if(hasValidList){payload?.context?.update({value:payload,listener});listener?.(payload,resolve)}}observer?.subscribe?.(subscriber);return()=>observer?.unsubscribe?.(subscriber)},[props])};

package/lib/index.js

@@ -0,0 +1 @@
+export*from"./hooks";export*from"./main";export*from"./context";

package/lib/main.js

@@ -0,0 +1 @@
+export class Observer{subscribe(callback){this.subscriptors.push(callback)}unsubscribe(callback){this.subscriptors.splice(this.subscriptors.findIndex(cb=>cb===callback),1)}notify(args={}){return new Promise(resolve=>{this.subscriptors.forEach(callback=>callback(args,resolve))})}constructor(){this.subscriptors=[]}}

package/package.json

@@ -1,10 +1,18 @@
 {
   "name": "hermes-io",
-  "version": "2.2.16",
+  "version": "2.2.18",
   "description": "A lightweight javascript library that allows communication between Reactjs components by using the observer pattern and the hook api",
-  "main": "index.js",
+  "main": "./lib/index.js",
+  "module": "lib/index.js",
   "scripts": {
-    "test": "echo \"Error: no test specified\" && exit 1"
+    "test": "echo \"Error: no test specified\" && exit 1",
+    "prepare": "swc ./src -d ./lib && touch README2.md && echo '# hermes-io ⚡ \n A lightweight javascript library that allows communication between components by using the observer pattern and the hook api. \n\n  ![chrome extension](https://raw.githubusercontent.com/Maxtermax/hermes-io-devtools/master/demo.gif) \n\n  ## Documentation: \n\n  https://github.com/Maxtermax/hermes-io#readme' > ./README2.md"
+  },
+  "exports": {
+    ".": {
+      "import": "./lib/index.js",
+      "require": "./lib/index.js"
+    }
   },
   "keywords": [
     "hermes-io",

package/. quokka

@@ -1,24 +0,0 @@
-{
-  "babel": {
-    "presets": [
-      "react-app"
-    ]
-  },
-  "plugins": [
-    "alias-quokka-plugin",
-    "jsdom-quokka-plugin"
-  ],
-  "alias": {
-    "@core": "./src/core",
-    "@contexts": "./src/core/contexts",
-    "@factory": "./src/core/factory",
-    "@hooks": "./src/core/hooks",
-    "@utils": "./src/core/utils",
-    "@libs": "./src/libs",
-    "@constants": "./src/core/constants",
-    "@translations": "./src/core/translations",
-    "@theme": "./src/core/theme",
-    "@routes": "./src/core/routes"
-  },
-  "node": "~/.nvm/versions/node/v16.18.1/bin/node"
-}

package/.editorconfig

@@ -1,32 +0,0 @@
-# EditorConfig is awesome: https://EditorConfig.org
-
-# top-most EditorConfig file
-root = true
-
-# Unix-style newlines with a newline ending every file
-[*]
-end_of_line = lf
-insert_final_newline = true
-
-# Matches multiple files with brace expansion notation
-# Set default charset
-[*.{js,py}]
-charset = utf-8
-
-# 4 space indentation
-[*.py]
-indent_style = space
-indent_size = 4
-
-# Tab indentation (no size specified)
-[Makefile]
-indent_style = tab
-
-# Indentation override for all JS under lib directory
-[*.js]
-indent_style = space
-indent_size = 2
-
-[{package.json,.travis.yml}]
-indent_style = space
-indent_size = 2

package/.eslintrc.js

@@ -1,24 +0,0 @@
-module.exports = {
-    "env": {
-        "browser": true,
-        "es2021": true
-    },
-    "extends": [
-        "eslint:recommended",
-        "plugin:react/recommended"
-    ],
-    "overrides": [
-    ],
-    "parserOptions": {
-        "ecmaVersion": "latest",
-        "sourceType": "module"
-    },
-    "plugins": [
-        "react"
-    ],
-    "rules": {
-        "react/prop-types": "off",
-        "no-unused-vars": 0,
-        "react/display-name": 0
-    }
-}

package/context.js

@@ -1,75 +0,0 @@
-let recording = false;
-let collection = [];
-
-const handleMessageFromDevtools = (event) => {
-  const { source, payload } = event.data;
-  if (source === "hermes-io-devtools") {
-    if (payload === "START_RECORDING") {
-      recording = true;
-      return;
-    }
-    if (payload === "STOP_RECORDING") {
-      recording = false;
-    }
-    if (payload === "RESET_RECORDING") {
-      collection = [];
-      recording = false;
-    }
-    if (payload?.type === "SET_CONTEXT") {
-      const context = collection.find((context) => context._internalId === payload.id);
-      if (context) {
-        context.listener(context.value);
-      }
-    }
-  }
-};
-
-
-window.addEventListener("message", handleMessageFromDevtools);
-
-export class Context {
-  id = null;
-  _internalId = null;
-  date = null;
-  value = null;
-  listener = null;
-  stackTrace = null;
-  constructor(description) {
-    this.id = Symbol(description);
-  }
-  update = ({ value, listener }) => {
-    this.date = new Date();
-    this.value = value;
-    this.stackTrace = this.getStackTrace();
-    this.listener = listener;
-    if (recording) {
-      this.sendSnapshot();
-    }
-  };
-  sendSnapshot = () => {
-    const snapshot = this.takeSnapshot();
-    const { listener, stackTrace, value, date, _internalId } = snapshot;
-    collection.push(snapshot);
-    window.postMessage(
-      {
-        type: "CONTEXT_SNAPSHOT",
-        payload: { value: JSON.stringify(value.value), listener: listener.name, stackTrace, date, id: _internalId },
-        source: "hermes-io",
-      },
-      "*"
-    );
-  };
-  takeSnapshot = () => {
-    return {
-      _internalId: crypto.randomUUID(),
-      value: this.value,
-      date: this.date,
-      listener: this.listener,
-      stackTrace: this.stackTrace,
-    };
-  };
-  getStackTrace = () => {
-    const err = new Error();
-    return err.stack;
-  };
-}

package/hooks/index.js

@@ -1,2 +0,0 @@
-export * from './useObserver';
-export * from './useProxy';

package/hooks/useObserver.js

@@ -1,17 +0,0 @@
-import React, { useEffect } from "react";
-
-export const useObserver = (props = {}) => {
-  useEffect(() => {
-    const { observer, listener, contexts = [] } = props;
-    function subscriber(payload, resolve) {
-      const hasfromList = contexts.length !== 0;
-      const hasValidList = hasfromList && contexts.find((ctx) => ctx.id === payload?.context?.id);
-      if (hasValidList) {
-        payload?.context?.update({ value: payload, listener });
-        listener?.(payload, resolve);
-      }
-    }
-    observer?.subscribe?.(subscriber);
-    return () => observer?.unsubscribe?.(subscriber);
-  }, [props]);
-};

package/hooks/useProxy.js

@@ -1,32 +0,0 @@
-import React, { useEffect, useState, useRef } from "react";
-import { useObserver } from './useObserver';
-
-export const useProxy = (target, options) => {
-  const proxyRef = useRef({ ...target });
-  const [value, setValue] = useState(target);
-  useObserver({
-    observer: options?.observer,
-    contexts: options?.contexts,
-    listener: (payload) => value[payload.value],
-  })
-  useEffect(() => {
-    function setup() {
-      const handler = {
-        get: function (_target, prop) {
-          return value[prop];
-        },
-        set: function (target, prop, newValue) {
-          target[prop] = newValue;
-          setValue({ ...target });
-          options?.contexts?.forEach?.((context) =>
-            options?.observer?.notify?.({ value: proxyRef, context })
-          );
-          return true;
-        },
-      };
-      proxyRef.current = new Proxy(target, handler);
-    }
-    setup();
-  }, [target, setValue, proxyRef, value, options]);
-  return proxyRef;
-};

package/index.js

@@ -1,3 +0,0 @@
-export * from "./hooks";
-export * from "./main";
-export * from "./context";

package/main.js

@@ -1,14 +0,0 @@
-export class Observer {
-  subscriptors = [];
-  subscribe(callback) {
-    this.subscriptors.push(callback);
-  }
-  unsubscribe(callback) {
-    this.subscriptors.splice(this.subscriptors.findIndex(cb => cb  === callback), 1);
-  }
-  notify(args = {}) {
-    return new Promise((resolve) => {
-      this.subscriptors.forEach(callback => callback(args, resolve));
-    })
-  }
-}