👋 Emberistas! 🐹
ember-component-template-colocation-migrator now supports addons 🎉, built with Ember.js: 10001 virtual art exhibit 🎨, ember-mobile-menu v2 released 📱, help with Embroider readiness 🔥, and last, but not least, new free video and instructor at EmberMap 📹!
The ember-component-template-colocation-migrator codemod co-locates component JS and HBS files as described in the Component Templates Co-location RFC. The v1.1.0 release adds support for migrating addons, but templates shared by multiple components are excluded. In this case, it is up to end users how to list those; they are reported in the same way other skipped templates (like partials) are. Similarly, mixins that use layout are not migrated.
When running the codemod, instead of:
your-addon/ addon/ components/ some-component.js templates/ components/ some-component.hbs
You will get:
your-addon/ addon/ components/ some-component.js some-component.hbs
Try it out today by running the migrator in your app or addon:
On August 5, Undercurrent launched “10001,” a collaborative virtual project that continues through September 12. This project is co-organized by the European Union National Institutes of Culture’s New York Cluster. Borrowing the zip code from both the Empire State Building and New York City’s Central Post Office, “10001” focuses on the collaboration of strangers and the narrative of their collective creative process using New York City as the linchpin. Coming from a variety of disciplines, twelve European Union artists who have never met each other will be randomly paired, making up a total of six teams. Through a series of Zoom sessions, each team will spend a six-week period developing a single project that will reimagine NYC post March 20, 2020.
The 10001 website is built with Ember 3.18! It's fantastic to see Ember.js being used in the wild, and we think that the site design is pretty rad too. Look forward to checking out the content as the artists continue their work on this pandemic-friendly exhibition.
- Written in Octane (v3.20 at the time of writing)
- Spring physics and cancellable/resumable finishing animations
- Various menu styles
- FastBoot support
This week, Yehuda Katz (@wycats) opened a meta issue concerning the readiness of Embroider, Ember's next build system. The issue is meant to track the steps that must be taken before people can practically use Ember with Embroider as a supported option with route-based code splitting ("Embroider readiness").
An app that enables Embroider's route-based code splitting with
splitAtRoutes mode must be able to operate in the presence of the following flags (which means the app is not using classic dynamic features):
The first target for Emroider readiness is to create a transition path to route-based code splitting, which means that all addons included in the default blueprint must be able to do so. It also means that addons that are frequently used in real-world applications, such as
ember-concurrency, need to be able to enable these flags.
Embroider is a really important next step for the future of Ember. It would be helpful for anyone interested to test out Embroider readiness in their addon or application in
splitAtRoutes mode with these flags enabled and provide feedback. If you are inclined, head on over to the meta issue and give it a read.
EmberMap has a new instructor! Lindsay Cade (@cadeParade) has joined the EmberMap crew and released her first video, which covers testing loading states 🎉. Bonus, this instructional video is free!
Lindsay teaches us how to use the wait helpers built into
ember-test-helpers to ensure that you can write robust tests around loading state that wait for async behavior to resolve before making assertions.
Check out the free video at EmberMap.
This week we'd like to thank Amy Lam (@amyrlam), Ben Demboski (@bendemboski), Bryan Mishkin (@bmish), Jan Buschtöns (@buschtoens), Chris Ng (@chrisrng), Isaac Lee (@ijlee2), Jared Galanis (@jaredgalanis), Jenny Judova (@JennyJudova), James Herdman (@jherdman), Jonathan Johnson (@jrjohnson), Katie Gengler (@kategengler), Kelly Selden (@kellyselden), gguri4549 (@kookyungmin), Kris Selden (@krisselden), Chris Manson (@mansona), Chris Garrett (@pzuraq), Robert Jackson (@rwjblue), Sourabh Mandal (@sourabhmandal), Thomas Wang (@xg-wang) for their contributions to Ember and related repositories! 💖
Wondering about something related to Ember, Ember Data, Glimmer, or addons in the Ember ecosystem, but don't know where to ask? Readers’ Questions are just for you!
Submit your own short and sweet question under bit.ly/ask-ember-core. And don’t worry, there are no silly questions, we appreciate them all - promise! 🤞
That's another wrap! ✨
Chris Ng, Amy Lam, Isaac Lee, Jared Galanis, and the Learning Team