A basic chrome extension that applies Solarized Dark theme to DontPad. An exemple using Webpack to help write modular and modern Javascript code, load CSS easily and automatic reload the browser on code changes.
I'll assume that you already read the Webpack docs and the Chrome Extension docs.
- Check if your Node.js version is ~ v10.19.0.
- Clone the repository.
- Install yarn.
- Run
yarn
. - Run
yarn run start
- Load your extension on Chrome following:
- Access
chrome://extensions/
- Check
Developer mode
- Click on
Load unpacked extension
- Select the
build
folder.
- Access
- Have fun with hot-reload editing popup module in
src/popup.html and src/js/popup.js
. - Obs: o
src/js/actualCode.js
que é de fato o código que aplica o tema na pagina do dontpad não suporta hot-reload, então eu marretei mesmo la no webpack pra não ver esse arquivo, se editar restarte o server do passo 5.
- talvez transformar num editor de tema de dontpad.
- talvez usar react, vue ou svelte.
$ NODE_ENV=production yarn run build