WebExtension Pomodoro Timer Example

I'm waiting for your PR to make this look nicer. :)

What you can learn from this

• How to create WebExtension for both Chrome and Firefox
• Add a button on browser's toolbar
• Popup page that is opened from the toolbar button
• Badge text on the toolbar button
• Keep scripts working in background
• Let popup script run background script
• Send messages from background to popup
• Replace popup icon with existing PNG file
• Replace popup icon with Canvas image created by script
• Render progress chart using Canvas
• Open settings page
• Settings page
• Remember user preferences
• Save to and load from storage
• Notification
• Handle clicking on notifications
• Play sounds
• Tests for primitive scripts using Mocha and Test'em
• Run tests using Travis-CI whenever you pushed
• Keep dependencies fresh using Greenkeeper
• Lint scripts using ESLint
• Add ESLint settings only for test scripts

License

• MIT

Contact

• Ginpei Takanashi
• Twitter @ginpei_en
• GitHub @ginpei / webextension-pomodoro
• Ginpei.info