wiregasm icon indicating copy to clipboard operation
wiregasm copied to clipboard

Doc request: Simple example of browser usage

Open lucastho opened this issue 1 year ago • 1 comments

This seems like a fantastic project that could help network troubleshooters a lot. The good.tools site has a nice featureful demo, but the js is obfuscated.

A simple example of how to use this tool in a browser would be helpful: Fetching a pcap file from a server and displaying the wireshark GUI in the browser for a user to interact with.

lucastho avatar Jul 18 '24 00:07 lucastho

Hi @lucastho

wiregasm is meant to be a library that provides similar functionality to sharkd or tfshark, it doesn't use any UI components from Wireshark. It's meant to be used on both browsers and node environments.

The demo on good.tools uses the wiregasm lib with custom React components for the UI. A separate UI project would make sense, something that uses https://github.com/BuilderIO/mitosis (or anything similar) for providing a Wireshark-like Web UI.

dehydr8 avatar Jul 18 '24 19:07 dehydr8

I want to use it in my website system, but I don't know how to load it.

TsMask avatar Aug 23 '24 10:08 TsMask

I have enabled the source maps again on the website, the source should be visible now. I'll try to create an example using vanilla JS/html this week.

dehydr8 avatar Aug 26 '24 14:08 dehydr8

A basic example of using Wiregasm with vanilla JS can be found here: examples/vanilla

dehydr8 avatar Aug 26 '24 15:08 dehydr8

Thanks

TsMask avatar Sep 09 '24 02:09 TsMask