good-tools / wiregasm

Packet Analyzer powered by Wireshark compiled for WebAssembly
GNU General Public License v2.0
52 stars 4 forks source link

Doc request: Simple example of browser usage #9

Closed lucastho closed 2 days ago

lucastho commented 1 month ago

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.

dehydr8 commented 1 month ago

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.

TsMask commented 3 weeks ago

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

dehydr8 commented 2 weeks ago

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 commented 2 weeks ago

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

TsMask commented 4 days ago

Thanks