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.

@devtools-ds/table

A flexible table component, modeled after the network inspector in Chrome and FireFox.

@devtools-ds/themes

Each of the UI components in this project contains themes for multiple browsers. These themes are built using the [postcss-themed](https://github.com/intuit/postcss-themed) package, which allows us to specify themes for multiple browsers in light and dark

@devtools-ds/tree

A versatile expanding `Tree` component, with full keyboard navigation following the [Tree View Design Pattern](https://www.w3.org/TR/wai-aria-practices/examples/treeview/treeview-2/treeview-2a.html).

@proof-ui/a11y-plugin

Uses [`axe`](https://www.deque.com/axe/) to scan each story against accessibility rules. Violatons are printed to the console, and included in any reports.

@proof-ui/add-all-plugin

A plugin to add an empty test for each untested storybook story.

@proof-ui/applitools-plugin

Uses [applitools](https://applitools.com/) Visual Grid to take a snapshot of your story and run a visual regression check. It can be configured to run on may different screen-size and browser combinations. Make sure the `APPLITOOLS_ID` environment variabl

@proof-ui/babel-plugin

A plugin to enable babel as a test preprocessor, allowing the use of ES6/ESNext features while authoring. The default configuration uses `@babel/preset-env`

@proof-ui/browser

@proof-ui/cli

@proof-ui/cli-plugin

@proof-ui/config

The majority of the configuration for `proof` is set through the `proof.config.js` file in the root of your project.

@proof-ui/console-plugin

A plugin that logs test results to the console.

@proof-ui/core

@proof-ui/image-snapshot-plugin

Provides Proof with visual regression testing capabilities by porting over functionality from (jest-image-snapshot)[https://github.com/americanexpress/jest-image-snapshot].

@proof-ui/junit-plugin

A plugin that outputs test results in the JUnit XML format.