Bot releases are hidden (Show)
Milestone: https://github.com/11ty/eleventy-plugin-webc/milestone/11?closed=1
Full Changelog: https://github.com/11ty/eleventy-plugin-webc/compare/v0.11.0...v0.11.1
getPreviousCollectionItem
and getNextCollectionItem
filters in WebCPublished by zachleat 10 months ago
Milestone: https://github.com/11ty/eleventy-plugin-webc/milestone/12?closed=1
Full Changelog: https://github.com/11ty/eleventy-plugin-webc/compare/v0.11.1...v0.11.2
Published by zachleat over 1 year ago
Milestone: https://github.com/11ty/eleventy-plugin-webc/milestone/10?closed=1
Full Changelog: https://github.com/11ty/eleventy-plugin-webc/compare/v0.10.1...v0.11.0
css
, js
, and html
helpers (via https://github.com/11ty/eleventy-plugin-bundle) to webc.helpers.*
This technically is a breaking change but these helpers were undocumented with WebC so it’s unlikely folks were using them directly. #65 #66⚠️ BREAKING ⚠️ This will affect your component code if you relied on global data from inside of component definitions.
Child components will now need to access global data through a top level
$data
variable instead of as top level variables. This is important to prevent global data leaking into component data and affecting component logic.This will not affect pages or top-level WebC components (in Eleventy world, these are
*.webc
files as Eleventy layouts or in as pages in your input folder). This only affects child components (in Eleventy world, this means files in your components folder, e.g._components/**/*.webc
).
- Read more at https://github.com/11ty/webc/issues/151.
- Here’s the commit that was required to upgrade 11ty.dev to WebC v0.11.0.
Sorry to have to make this breaking change, but it’s an important one.
Other fixes in this release:
- Fix for
webc:scoped
with@keyframes
and percentages. https://github.com/11ty/webc/issues/145- Fix bug with
webc:setup
feeding Arrays intowebc:for
https://github.com/11ty/webc/issues/150
Published by zachleat over 1 year ago
Upgrades to WebC v0.10.0: more context on the full WebC Release Notes
webc:for
for looping https://www.11ty.dev/docs/languages/webc/#webcfor-loops
webc:elseif
and webc:else
https://www.11ty.dev/docs/languages/webc/#webcelseif-and-webcelse
<!--- One more dash at the start and end --->
https://www.11ty.dev/docs/languages/webc/#server-only-comments
<script webc:type="js">
(via implied webc:is="template"
) will be treated as HTML-only components and not use the host component tags (via implied webc:nokeep
).img.webc
returning an <img>
without needing using webc:root="override"
).img.webc
returning an <img>
without needing to use webc:root="override"
)Full Changelog: https://github.com/11ty/eleventy-plugin-webc/compare/v0.9.4...v0.10.0
Published by zachleat over 1 year ago
vm.createContext
A special thanks to @marvinhagemeister’s Node profiling recommendation!
From a large sample WebC project:
Before, using WebC v0.9.2:
> Wrote 2621 files in 21.17 seconds (8.1ms each, v2.0.0)
After, using WebC v0.9.3:
> Wrote 2621 files in 7.24 seconds (2.8ms each, v2.0.0)
From 8.1ms per template to 2.8ms per template!
Full Changelog: https://github.com/11ty/eleventy-plugin-webc/compare/v0.9.3...v0.9.4
Published by zachleat over 1 year ago
bundlePluginOptions
plugin options object passed to @11ty/eleventy-plugin-bundle
. Full options list documented on https://github.com/11ty/eleventy-plugin-bundle#installation
Full Changelog: https://github.com/11ty/eleventy-plugin-webc/compare/v0.9.2...v0.9.3
Published by zachleat over 1 year ago
components
option.npm:
prefixes in components
option.For example:
eleventyConfig.addPlugin(pluginWebc, {
components: [
"./_components/**/*.webc",
"npm:@11ty/is-land/*.webc",
"npm:@11ty/eleventy-plugin-syntaxhighlight/*.webc",
],
});
Full Changelog: https://github.com/11ty/eleventy-plugin-webc/compare/v0.9.1...v0.9.2
webc:bucket
on any tag and it will cascade to all child content (with automatic hoisting when necessary) https://github.com/11ty/webc/issues/122
webc:bucket
to be dynamic (e.g. :webc:bucket="myJavaScriptData"
) https://github.com/11ty/webc/issues/120
WebC.getComponentsMap()
https://github.com/11ty/webc/issues/123
npm:
aliasing support to WebC.getComponentsMap()
https://github.com/11ty/webc/issues/123
Published by zachleat over 1 year ago
Milestone: https://github.com/11ty/eleventy-plugin-webc/milestone/8?closed=1
Full Changelog: https://github.com/11ty/eleventy-plugin-webc/compare/v0.9.0...v0.9.1
Published by zachleat over 1 year ago
Docs have been updated on: https://www.11ty.dev/docs/languages/webc/
<script webc:setup>
feature to use arbitrary JavaScript to export data for use in the componentshadowrootmode
attribute to opt-out of asset bundling in Declarative Shadow DOM@attributes
feature to render an attributes object
:@
prefix for dynamic properties (e.g. :@dynamic-property
)webc:ignore
will completely ignore a node (no processing or output)webc:scoped
by @Gyanreyer in https://github.com/11ty/webc/pull/96
eleventy-plugin-bundle
internally for WebC bundling #48 #46 #4WebC v0.9.0 Release Notes
Full Milestone: https://github.com/11ty/eleventy-plugin-webc/milestone/7?closed=1
Full Changelog: https://github.com/11ty/eleventy-plugin-webc/compare/v0.8.1...v0.9.0
Published by zachleat almost 2 years ago
webc:keep
to any <style>
or <script>
tags in Eleventy Layout WebC files to prevent them from being re-bundled out of existence! (You can check out an example of a WebC file as an Eleventy Layout on the WebC docs)attribute-name
properties and attributes are now available in data as camel-case: attribute-name
in JS data is attributeName
. Read more at @11ty/webc#71
webc:type="js"
)Milestone: https://github.com/11ty/eleventy-plugin-webc/milestone/6?closed=1
Full Changelog: https://github.com/11ty/eleventy-plugin-webc/compare/v0.7.0...v0.8.0
Published by zachleat almost 2 years ago
@raw
instead of @html
in your Eleventy Layout files to avoid double-processing WebC content. See this comment or on the WebC docs: https://www.11ty.dev/docs/languages/webc/#css-and-js-(bundler-mode)
components
glob: ./_components/**/*.webc
(project root relative) #14
permalink
rendering in webc files (uses the same as dynamic attributes now) #27webc:type="11ty"
#16uid
styles during --watch
or --serve
#17@11ty/[email protected]
)@raw
webc:if
webc:type="js"
Milestone: https://github.com/11ty/eleventy-plugin-webc/milestone/5?closed=1
Full Changelog: https://github.com/11ty/eleventy-plugin-webc/compare/v0.6.0...v0.7.0
Published by zachleat almost 2 years ago
Published by zachleat about 2 years ago
--watch
or --serve
#13components
directory option #12Milestone: https://github.com/11ty/eleventy-plugin-webc/milestone/2?closed=1
Full Changelog: https://github.com/11ty/eleventy-plugin-webc/compare/v0.5.0...v0.5.1
Published by zachleat about 2 years ago
@11ty/[email protected]
permalink: false
templates with useTransform
: #9Full milestone: https://github.com/11ty/eleventy-plugin-webc/milestone/1?closed=1