Skip to content

oceansize/chromeElmKilla

Repository files navigation

Elm Killa (for Chrome)

TL;DR: This is a super simple Chrome plugin that hides the elm debugger launcher, lest you need to see something underneath it.

elm is a functional programming language that compiles down to JavaScript. We use it extensively at carwow, and as such, we ran across an issue:

elm debugger launcher

elm debugger launcher

In development mode when using elm, this div is overlaid on top of your app in the bottom-right corner; clicking on it launches the elm debugger window:

elm debugger window

elm debugger window

This is great until you need to see underneath it. Then you must dig through the DOM elements in your browser's development tools and find the offending element so you can either delete it, or hide it.

Unfortunately, at the time of writing this element does not ship with an identifiable class or id attribute, making it rather tricky to track down. Added to the complication is that since it is possible to have multiple instances of an elm app running, the debugger launcher can have multiple instances of itself stacked, so you have to isolate them all before dealing with them.

If this bothers you, then you need to meet elmKilla:

elmKilla logo

elmKilla will happily scour your DOM and remove the offending element (it actually just adds display: none, so you can have elmKilla resurrect its victims at the touch of a button.

elmKilla deactivated:

elmKilla in-situ — deactivated

elmKilla activated:

elmKilla in-situ — activated

Installation

Currently elmKilla is available for the following platforms:

About

No description, website, or topics provided.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages