https://github.com/maxtermax/hermes-io-devtools

https://github.com/maxtermax/hermes-io-devtools

Last synced: about 4 hours ago
JSON representation

• Host: GitHub
• URL: https://github.com/maxtermax/hermes-io-devtools
• Owner: Maxtermax
• License: mit
• Created: 2023-03-26T22:54:28.000Z (over 1 year ago)
• Default Branch: master
• Last Pushed: 2023-12-18T16:17:09.000Z (11 months ago)
• Last Synced: 2024-04-13T23:08:15.190Z (7 months ago)
• Language: JavaScript
• Size: 4.32 MB
• Stars: 0
• Watchers: 2
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# Hermes-io Inspector 🔍

Chrome extension that allows inspect and debug in detail events emitted by [hermes-io.js](https://www.npmjs.com/package/hermes-io#get-started) in a friendly UI.

### Features

 - Record events

 - Play one or many events recorded previously

 - Inspect source code

 - Copy record payload

  

 Install from chrome web store [here](https://chrome.google.com/webstore/detail/hermes-io/pjdkgcpikfmkncldipldmimanfkpeedm?hl=en)

 ### Installation

 #### Clone the repo 

 ```

   git clone https://github.com/Maxtermax/hermes-io-devtools.git

 ```

 #### Install dependencies  

 ```

   npm i

 ```

 #### Run build command

 

 ```

   npm run build

 ```

Then go to: ```chrome://extensions``` and load the extension by clicking on button ```load unpackaged``` then select the repos folder.

Then try the demo: https://sneaker-store-1.vercel.app/ 

![Demo](demo.gif)

Also you can try the counter demo: [here](https://stackblitz.com/~/github.com/Maxtermax/hermes-io-counter-demo)

https://github.com/Maxtermax/hermes-io-devtools/assets/4247989/5e7dcaa5-cb0d-4a00-a685-4f65884a071c

If you find me work helpful please consider support me at https://www.buymeacoffee.com/maxtermax, that encourage me to continue working on cool open source projects.