Monday, June 24, 2024
HomeJavaScriptThe Ember Occasions - Situation No. 210

The Ember Occasions – Situation No. 210


👋 Emberistas! 🐹

Information 🗞️, EmberData updates 🛸, Addons ✨, EmberEurope Q1 movies 🇪🇺, Webpack Subresource Integrity plugin for Embroider 📦, ember-serviceable-helper 🚚, Generate Glint template registry 🗂️ and Gember 🫚


🗞️ Noteworthy information

  • GitHub now has full assist for syntax highlighting the template tag part authoring format. (.gjs/.gts). Due to everybody who contributed by changing their recordsdata 👏.
  • Ember’s Discord server has now a tremendous showcase channel. The purpose of this place is to share wonderful apps or addons construct with Ember!
  • EmberConf is occurring in New York Metropolis 🗽 on the thirty first of Could. With this brief timeline, the opened CFP will shut on the seventeenth of April and talks will probably be accepted on a rolling foundation. So do you wish to share your Ember story from the Large 🍎, ship your CFP now!

EmberData has made some thrilling updates not too long ago. A TypeScript Information has been added to their in-repo guides, together with badges that present the most recent revealed variations for every lively channel to each README. They’ve additionally up to date the Compatibility desk and made it auto-update variations of related EmberData channels.

As well as, EmberData has revealed mirror packages and kinds packages, which unlock a brand new migration path. This permits for 2 utterly distinct variations of EmberData in your app without delay, making it doable to incrementally migrate smaller areas of your app to new patterns unbiased from the state in the remainder of your app. The mirror package deal equivalents could be put in alongside the common packages, and a second retailer could be configured.

EmberData has additionally added varieties for older EmberData variations, permitting experimentation with the native varieties alphas in older variations of EmberData. The categories will match the categories for the model quantity they publish beneath, however for essentially the most half, they are going to be extra correct for 4.7+ than the DT varieties, and practically precise for 4.12.

Lastly, EmberData has launched a brand new v2 addon, @warp-drive/ember, containing numerous utils and elements to make it easier to work with guarantees and requests reactively. The <Request /> part will pull retailer from a context if the library is current in your app.

If you’re searching for a spot to contribute, EmberData has opened a Polaris monitoring subject, so verify this out!


✨ Addon updates

Try the checklist of up to date addons, and all they convey!

  • ember-power-select (v8.1.0) is since v8.0.0 a v2 addon, brings accesibility and sort enhancements
  • ember-bootstrap (v6.2.0) is beginning with the trouble of changing Ember Bootstrap to Typescript, so it is at the moment delivery some varieties, however they’re neither full nor thought-about secure. Try the TypeScript monitoring subject if you wish to assist with the trouble.
  • ember-popper-modifier (v4.1.0) migrates the addon to TypeScript and leads to revealed Glint varieties.
  • ember-mobile-menu (v5.1.1) is since v5.0.0 a v2 addon, with a plain CSS method as an alternative of SCSS. It additionally dropped assist for the mm.LinkTo part. In v5.1.0 the scroll lock library is added inline as a result of it is unmaintained and this additionally opens up fastboot potentialities.
  • ember-cli-deploy-s3 (v5.0.0-beta) is as talked about a beta launch. This model upgrades the aws-sdk to v3. In principle, it’s not breaking, however in observe, there appear to be some credential setups which have points. Please strive it in your configuration and open points or PRs to allow them to get it strong for everybody.
  • ember-native-class-codemode (v4.1.1) provides the choice to run in NO_TELEMETRY mode, with the inherent dangers. This codemod converts Ember objects to es6 native courses.
  • ember-cli-typescript (v5.3.0) drops assist for Node 12 and loosens the model verify towards ember-cli-babel.

  • ember-intl-analyzer (v4.6.0) now helps customized t wrappers and a brand new choice to flag redundant whitelist entries.
  • ember-intl (v6.5.3) fixes a reminiscence leak launched in v6.3. The documentation now additionally exhibits how you can use ember-intl in your v2 addons. In v6.5 the intl service was refactored, it removes unused code and makes what ought to be personal, personal. This might be breaking in the event you overwrote a technique from the service.

The group of addons beneath has joined the evergrowing v2 addon ecosystem.


The primary Ember Europe of 2024 is a reality. On the twenty first of March, a bunch of Ember fanatics gathered remotely to listen to the talks of Alex Matchneer (@matchy) about language tooling, Chris Manson‘s replace on Embroider (and possibly one thing about Vite 🤫), and Isaac Lee (@ijlee2) about CSS modules and internationalization.
Be part of the Meetup Ember.js Europe group to get updates on the subsequent version!


Jeldrik Hanschke (@jelhan) revealed the Webpack Subresource Integrity plugin for Embroider. The ember-cli-sri addon supplied Subresource Integrity assist for Ember purposes. With the migrations to Embroider, which makes use of Webpack as a bundler, the ember-cli-sri addon doesn’t work anymore. This webpack plugin will make that doable once more.


Godfrey Chan (@chancancode) launched an API for writing capabilities that want entry to Ember providers. This can assist your capabilities to remain plain, even when they should entry some app-wide international state by way of providers. Try the documentation to be taught extra about this handy helper.


Bert De Block (@bertdeblock) launched a brand new package deal to make a template registry for Glint simple.
You may run the package deal npx @bertdeblock/generate-template-registry@newest and it gives you your registry. Bear in mind that in case your app or addon has elements, helpers, or modifiers with the identical identify, duplicate template registry entries will probably be generated, which can must be fastened manually.


Bert De Block (@bertdeblock) launched this new package deal referred to as gember. This package deal permits you to generate elements, helpers, modifiers, and providers in v2 addons. It solely helps .gjs and .gts recordsdata for elements.

If you’re questioning in regards to the 🫚 icon, gember is the Dutch phrase for ginger.


This week we would prefer to thank Sergey Astapov (@SergeAstapov), Kelly Selden (@kellyselden), Patrick Pircher (@patricklx), ‘Dayo Olutayo (@bitxplora), Isaac Lee (@ijlee2), Jordan Hawker (@elwayman02), Chris Krycho (@chriskrycho), @NullVoxPopuli, Krystan HuffMenne (@gitKrystan), Sylvain Mina (@sly7-7), Vincent Hardouin (@VincentHardouin), Kirill Shaplyko (@Baltazore), Geordan Neukum (@geneukum), Ross Grayton (@grayt0r), Chris Manson (@mansona), Bryan Mishkin (@bmish), Jérôme Mestres (@romgere), Katie Gengler (@kategengler), Andrey Fel (@andreyfel), Ignace Maes (@IgnaceMaes), Chris Thoburn (@runspired), Aaron Chambers (@achambers), Mehul Kiran Chaudhari (@MehulKChaudhari), Bert De Block (@bertdeblock), Jared Galanis (@jaredgalanis), Godfrey Chan (@chancancode), Anne-Greeth Schot-van Herwijnen (@MinThaMie), Yelin Zhang (@Yelinz), Leo Euclides (@leoeuclids), Jah Rock (@jahrock), Alexey Kulakov (@aklkv), Derek Wickern (@dwickern), Kyle D. (@kdagnan), Robbie Wagner (@RobbieTheWagner), Giles Thompson (@gilest), and Roman Shafigullin (@crypto) for his or her contributions to Ember and associated repositories! 💖


Office Hours Tomster Mascot

Questioning about one thing associated to Ember, Ember Information, Glimmer, or addons within the Ember ecosystem, however do not know the place to ask? Readers’ Questions are only for you!

Submit your personal brief and candy query beneath bit.ly/ask-ember-core. And don’t fear, there are not any foolish questions, we respect all of them – promise! 🤞

Need to write for the Ember Occasions? Have a suggestion for subsequent week’s subject? Be part of us at #support-ember-times on the Ember Neighborhood Discord or ping us @embertimes on Twitter.

Carry on high of what is been happening in Emberland this week by subscribing to our e-mail publication! You can too discover our posts on the Ember weblog. See you in two weeks!


That is one other wrap! ✨

Be sort,

The Studying Workforce



RELATED ARTICLES

LEAVE A REPLY

Please enter your comment!
Please enter your name here

Most Popular

Recent Comments