carbon-design-system / carbon-design-system/devtools

Work in other web extensions

Open
#82 0 comments 0 reactions 0 assignees View on GitHub
enhancement
Dominant language
JavaScript
Stars
46
Forks
23
PR merge metrics
No merged PRs in 30d

Description

#### The problem
So there have been a couple of small edge cases where the web extension doesn't work. One example of this I've seen is in other web extensions. The IBM Accessibility tool for instance has been wanting to use Carbon devtools, but at least to date I haven't found a way to allow injection of it into another web extension like theirs.

> ##### Potential solution
> One potential solution I've thought about on this would be to remove some of the dependencies on web extension core features as much as possible. Like the pop-up, and even some of the background features. We could potentially render the UI inside of page the itself off to the side or something. In addition to that, it would allow us to create a kind of stand-alone app that you could inject into your own pages either through a CDN, or NPM package. Similar to how Firebug did it back in the day just to help out with these kinds of extreme edge cases. There maybe a better way to do this, but I wanted to document this thought before I forgot it.

Contributor guide

Open the contributing guide

Research direction

No files or tests are named. Start by investigating how Carbon devtools depends on browser-extension features such as the popup and background components, using the IBM Accessibility tool injection case as context. Done would require an agreed design and a working way to use the tools inside other web extensions or injected pages.

Written by the indexing model from the issue text.

Assessment

Tech stack
javascript
Domain
devtools, web-dev
Issue type
Feature
Difficulty
5/5
Estimated time
Over a week
Activity status
Stale
Clarity
Needs clarification
Newbie friendliness
20/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.