DEV Community

Cover image for Why I built Dev Tools that runs entirely on the browser
Nikhar Minds
Nikhar Minds

Posted on

Why I built Dev Tools that runs entirely on the browser

#javascript #privacy #showdev #webdev

Hello everyone, this is my first post here and I will admit something: I used to paste the production JWTs into the first JWT decoder google gave me. Same with the Crontabs, with CSV exports full of customer data. Then one day, I was doing a security training targeted for the Security Controls and realized I am doing something really wrong here. Because I didn't know where that data went when I pasted in those online sites.

Most online dev tools works the same way. Broswer sends input to an API, then a Server parses it and result comes back. But somewhere in between, it can end up in logs, analytical pipelines, load balancer records, or may be just in their database.

So I started looking into multiple online tools which doesn't save our data and works only on the client side. There are few sites which does that but for every utility, we need to visit different sites and not all of them promote the 100% client side, or no data logged terms. So we never know. Not to mention we need to visit 10 different sites for 10 different utilities.

So I built SyntaxFiddle: a set of Developer tools that run entirely in the browser.

How it works?

It is a static Next.js export. No backend, no database. Everything is parsed locally so there 's nothing for me to log even if I wanted to.
You don't have to trust me on that. Open Dev Tools, go to the Network tab, load a tool and paste something in. Nothing goes out after the initial page load. You can even turn of Internet and it will keep working.

Currently I have built following tools:

  1. Cron expression Visualizer
  2. Regex tester
  3. JWT decoder
  4. cURL converter to fetch, axios, Python, Go, Apex and more.
  5. CSV and Excel to JSON, XML, SQL and SOQL In clause
  6. JSON to Schema like Zod, YS , Pydantic, Go

It is totally free with no accounts. Please give it a try and share your feedback. I am planning to add more tools to this as I see fit like XML to Schema as many enterprise applications still use XML. Also please let me know in the comments if there is a tool you wish existed and I add it to the roadmap as well.

Thank you for reading through this. Plesae share your feedback.

Top comments (0)