How to develop UI Options Page?

VasilyShelkov / create-react-extension

Set up a modern React browser extension by running one command.

MIT License

345 stars 39 forks source link

How to develop UI Options Page? #17

Closed kubek93 closed 3 years ago

kubek93 commented 4 years ago

That is a great library for fast creates chrome extension. But there is one thing which confuses me a little bit. Maybe somebody of you have a smart idea to solve that.

Which approach is the best and how can I develop options page for the extension not having cra support?

zoffyzhang commented 4 years ago

there you go #16

VasilyShelkov commented 4 years ago

Hi, sorry I haven't been very active... If anyone is interested in adding an MR, please feel free.. I have been intending to add support to develop both an options page, new tab and developer tools bundle.

I will get look to add this feature in the coming couple of weeks so that people don't need to eject.

kubek93 commented 4 years ago

Thanks for the response! When I come back to my work with plugin I will try create PR with changes.

VasilyShelkov commented 3 years ago

The latest release of create-react-extension now supports the options.html page.

For those wanting to update to support the new options page, just update react-browser-extension-scripts to version 4.0.10 and add the following files:

public/options.html(see template example)
src/options/index.js (see template example)
src/options/Options.js (see template example)

This version might looks strange, I intend to follow the versions of react-scripts and add 0-9 for any specific create-react-extension features that are released