What is that

This a a set of debugging tool I use to code that affects HTML. Things like:

• Marker
• Logger
• Execution control

The this is configurable.

Marker

this is super out of date, just see the API

An easy way to highlight an element on the page (hence the name of lib). This is especially useful if you have to highlight something if there is no underlying HTML element, for example when you are drawing on the canvas.

import { getMarker } from  "solid-red-border";


const marker = getMarker('name', parentHTMLElement?); 
marker.highlight(what, 'how', 'id?')

Logger logger that replaces console

Acknowledgment

Based on vite-vanilla-ts-lib-starter