A browser extension for the Sphinx app
- clone the repo
> cd sphinx-js
> npm i
> npm run build
- Open chrome web browser and create a new tab, in the url bar type
chrome://extensions/
and hit enter. - In the extensions window toggle "Developer mode" on in the upper right corner.
- Click the "Load unpacked" button in the upper left corner of the window. Navigate to the
dist
directory in this project and click open or select. - You'll see the Sphinx extension listed in the window. The extension may need to be pinned to your chrome toolbar by clicking the extension "puzzle piece" icon on the browser bar and clicking the pin icon next to the Sphinx extension.
You can now click the Sphinx icon in the browser and see the popup browser action. To make code changes, edit src/App.svelte
and the extension will automatically rebuild the app with your changes. You can hit the refresh icon on the Sphinx extension listing in chrome://extensions/
and you'll see your changes when you click into the browser action popup again.