Eleventy Firehose
This page shows activity from the Eleventy Blog, Quick Tips, YouTube channel, Mastodon account, and all GitHub releases (all of 11ty org repositories).
Did you know? An Eleventy icon is now available (for free!) in Font Awesome v7: https://fontawesome.com/icons/eleventy
Use it today with the newly released stable v1.0.0 of the Font Awesome Eleventy plugin: https://github.com/11ty/eleventy-plugin-font-awesome/releases/tag/v1.0.0
Make sure you subscribe to https://socket.dev/blog/category/security-news to see the latest in JS supply chain security (we’ll update you if any reports affect Eleventy!)
Some good practices to help mitigate in your projects:
1. Use `npm install --ignore-scripts` (or use pnpm)
2. Use `npm ci` and a package-lock.json on your build server
well that ended up unanimous, thanks for voting y’all
Eleventy v4.0 Proposal: remove the data deep merge opt-out feature originally introduced to ease a breaking change for folks upgrading to Eleventy v1.
Vote with a 👍 or 👎 here: https://github.com/11ty/eleventy/issues/3937
Eleventy Leaderboards №31
https://11ty.dev/speedlify/
🥇 https://www.a11yproject.com/
🥈 https://andy.bond/ from @andybond
🥉 https://sia.codes from @sia
Using Lighthouse v12.8
Some more information about the payload here: https://www.aikido.dev/blog/npm-debug-and-chalk-packages-compromised
To check to see if your project was affected, check your package-lock.json file to see what version of `debug` you have installed.
Notice: one of Eleventy’s dependencies was compromised a few hours ago. `debug@4.4.2` was the compromised version affected (it is now unpublished from npm).
More context: https://socket.dev/blog/npm-author-qix-compromised-in-major-supply-chain-attack
New release: <is-land> v5.0.0
🏎️ Better performance
⛰️ Adds *more* browser support
🎪 Passive event listeners with `on:interaction`
✍️ Rename tag name or on:* attributes
🆕 Framework APIs
Did you know? 💡 Eleventy has an official plugin that shows your project’s output files organized by directory with file sizes and compile/render times shown? Compatible with Eleventy v1 and newer!
https://www.11ty.dev/docs/plugins/directory-output/
Finally, it has happened: WebC has received some updates and a beta release of v0.12 is now available!
npm install @11ty/eleventy-plugin-webc@beta
Make sure you review the release notes for WebC v0.12 as there are some breaking changes with webc:type="js" webc:type="render" and webc:setup: https://github.com/11ty/webc/releases/tag/v0.12.0-beta.1
Eleventy Leaderboards №30 Winners
https://11ty.dev/speedlify/
🥇 https://11ty.rocks/ from @5t3ph
🥈 https://www.victoriacutting.co.uk/ from Dan Urbanowicz
🥉 https://sia.codes/ from @sia
Using Lighthouse v12.8.1 and speedlify.dev
New leaderboards results have been posted! https://www.11ty.dev/speedlify/
Eleventy Syntax Highlighter (Prism) release v5.0.2 fixes a bug with `diff-` languages: https://github.com/11ty/eleventy-plugin-syntaxhighlight/releases/tag/v5.0.2
https://www.11ty.dev/ is now running Eleventy v4 alpha
AROUND HERE WE TEST IN PRODUCTION (and also staging, previews, local, unit and integration tests in 12 different environments and JavaScript runtimes, but you get the idea)
Thanks to @r0b for adding OpenSearch support to 11ty.dev!
Eleventy Meetup Ep.25 is happening today!
★ How I added structured data to my personal website and blog — @kajkandler
★ Deploying 11ty Automatically — Michael Delaney
https://11tymeetup.dev/events/ep-25-structured-data-and-deploying-11ty/
We’re moving Mastodon servers!
Hold on to your butts.
The Eleventy Meetup is happening today: https://11tymeetup.dev/events/ep-23-notion-as-a-cms-and-component-prototyping/
Starring Michael W. Delaney and vrugtehagel!
See it in action on `eleventy-base-blog`: https://github.com/11ty/eleventy-base-blog/blob/3ce8514007c777fc284602126cc1064c5879e8ee/eleventy.config.js#L34-L49
New in Eleventy Bundle v3.0.4: a new option to populate per-route bundles with content right out of your HTML.
https://github.com/11ty/eleventy-plugin-bundle
Here’s an example that puts all `<style>` element content into a `css` bundle:
