tylerkrupicka

@devtools-ds/console

The `Console` component emulates the familiar JavaScript REPL experience seen in many browsers. You can customize the function that executes the code, as well as how results are displayed.

@devtools-ds/create

This is a package of browser extension templates, which removes a majority of the usual boilerplate needed to get started. We're still working on adding more templates, and simplifying the developer experience. If you see an area to improve, feel free to

@devtools-ds/diagnostic

The `Diagnostic` component displays errors and warnings from code, similar to errors produced by tools like webpack. It can also be used to display errors produced by a [Language Server](https://code.visualstudio.com/api/language-extensions/language-serve

@devtools-ds/dom-inspector

An emulation of the Chrome and Firefox DOM inspector, built on the `@devtools-ds/tree` component.

@devtools-ds/icon

A set of React-packaged SVG icons commonly used in developer tools.

@devtools-ds/navigation

A navigation bar with tabs and icons, based on the tab navigation in browser inspectors.

@devtools-ds/node

A component for rendering DOM Node style opening and closing HTML tags.

@devtools-ds/object-inspector

An emulation of the Chrome and Firefox object inspector, which allows you to view JavaScript objects in the console.

@devtools-ds/object-parser

Object parser is a utility used by the the `Object Inspector` package, which creates a JSON tree structure with node types that help simplify the JavaScript type system. It also uses TypeScript to make logic around using the tree strongly typed.

@devtools-ds/port-controller

`PortController` is a simple class for managing browser `Runtime.Port` objects in the `background` script of your extension.