Delay is a project created to experience creating something within browsers that wasn't another SPA project. Using js and minimal npm libraries its solution to show basic development and build processes.
Files are broken into:
- Models
- Services
- Core required Chrome Extension files
-- home.js && home.html is the page that will load when you select the extension icon
-- background.js and background.html will be in the background fo every webpage. These will monitor for navigation and tab closed events
There are some very basic Unit Tests. These are to show how they can be utilised during the build process, in particular blocking pull-requests.
The npm script, npm run test-watch can be triggered so that test are constantly triggered in the background so you immediately know if you have removed tested functionality.
When a pull request is made, circleci triggers a build and will block the pull-request if any of the tests fail.
package.json build script will package the req. files into a zip, this zip is whats uploaded to the chrome webstore when updating the extension.
A benifit of building a chrome extension is you immediatly get access to some metrics reguarding, impressions in the store, installations, uninstallations and daily users.
Having users interacting with something I made was one of the highlights of this project. Being able to see the reviews, take in the feedback and add those features is something I hope to keep doing as this project slowly crawls along.
The next step would be to create a firefox extension, all chrome browser interfaces are within the BrowserService. This can be renamed so that a FirefoxBrowserService can be created and during the build process a selected browser can be passed in to determine which BrowserService file to include.
Add google analytics, there was a period where impressioned spiked to over 2k a day, google analytics may have given the required information to see where the extension was referenced.