ranjithrajv / web-ext Goto Github PK

Is your feature request related to a problem? Please describe.
A clear and concise description of what the problem is. Ex. I'm always frustrated when [...]

Describe the solution you'd like
Add navbar at the top with options

0. Learn (MDN)
1. Generate(WebExt Generator)
2. Customize (Thimble)
3. Testing (about:debugging)
4. Submit(Add-on Developer Hub)

Additional context
Add any other context or screenshots about the feature request here.

Example from color.firefox.com

• Button Type(Toolbar/Address bar)

• Popup

• Sidebar

• Context menu

• Options page

• Extensions page

• Address bar suggestion

• Notification

• Developer tools panel

Source: https://developer.mozilla.org/en-US/docs/Mozilla/Add-ons/WebExtensions/user_interface

Is your feature request related to a problem? Please describe.
The webext generator now just creates zip file of boilerplate code, but no feature to edit/customise it online.

Describe the solution you'd like
We can use thimble.mozilla.org to edit the files with live preview just with on-click upload of zip file.

Additional context
Add any other context or screenshots about the feature request here.

Look at the cool features of Thimble
https://thimble.mozilla.org/en-GB/features

One of the best features it has is 'Built-in JavaScript Console' that is helpful for our work.

For each response, in gen.js the corresponding structure should be made by createzip.js

Create file structure based on the anatomy of a web extension given at https://developer.mozilla.org/en-US/docs/Mozilla/Add-ons/WebExtensions/Anatomy_of_a_WebExtension

reference:
https://developer.mozilla.org/en-US/docs/Mozilla/Add-ons/WebExtensions/web-ext_command_reference#web-ext_sign

Photon is the Firefox design language to build modern, intuitive, delightful experiences, for products across all platforms

Source: https://design.firefox.com/photon/welcome.html