Anatomy of an Addon Ecosystem

on YouTube ↗26m

" summary

Deep dive into how ember-service-worker implements a plugin ecosystem: code discovers add-ons by package keywords, builds a serviceworker builder (a Broccoli plugin) that merges plugin trees, writes an entry module, runs Babel and Rollup (with tree‑shaking), and outputs sw.js and a registration file found in vendor. Demo installs two addons and shows a live service worker with two caches, and tests use broccoli-test-helper to build and assert output from Broccoli nodes.

AI-written summary · about

" chapters (10)

1. 0:00Introduction
2. 0:53About Lisa
3. 5:01Study Up
4. 7:02Configuration
5. 9:14Addon Code
6. 11:47Broccoli Tree
7. 14:02Plugins
8. 16:16Service Worker Builder
9. 19:13Broccoli Plugin
10. 22:01Testing

" related talks

• 31mDissecting an Ember CLI BuildEstelle DeBlois · EmberConf 2016
• 22mEmber.js, DevOps, and You: Lessons Learned From Building an Ember AddonIheanyi Ekechukwu · npm camp 2016
• 24mLet's Test that Addon!Samanta De Barros · EmberConf 2018
• 33mConfessions of an Ember Addon AuthorLauren Tan · EmberConf 2017
• 29mBuilding Custom Apps with Ember CLIBrittany Storoz · EmberConf 2015
• 28mEmber CLI, The Next GenerationStef Penner · EmberConf 2016
• 08mEmber-Cli AddonsSam Selikoff · EmberConf 2018
• 26mThe Ember Addon CommunityKatie Gengler · EmberConf 2016