Getting started

ReDevTools is a simple script maintained by the open source ButOpen community.

It is built from index.ts at https://github.com/redevtools/redevtools Feel free to inspect it at r8s and the source is available at https://github.com/butopen/redevtools

Use it from the console

Open the devtool and type the following code into the console:

import("//r8s.io")

and you're done.

Available plugins

Extends the browser devtools with custom plugins directly from your localhost.

tailwind devtools inspector - Edit tailwind classes in seconds

See https://www.redevtools.com/blog/tailwind-devtools-inspector-how-to-quickly-edit-tailwind-classes-and-apply-tailwind-templates/

re.tailwind()

json2ts - Transform an object to a TypeScript interface

re.json2ts(temp1)

jwtDecode - decoding a JWT token

re.jwtDecode(localStorage.TOKEN)

(Optional) Add it to your project

You can add it to your project (for example only when you're on localhost).

To enable redevtools in your development environment you can add this snippet into your project:

//env.development
if(window.location.href.indexOf("localhost") >= 0){
    document.head.appendChild(document.createElement("script")).src = "//r8s.io"
} 
    

That's all.