Pattern Lab Node Core 2.8.0
Pattern Lab Node v2.8.0
I love the breadth this release is comprised of. You all consistently suprise me with thoughful, substantive additions to the tool. We have even more coming.
And speaking of additions... I have altered how plugins work slightly to support a friendly configuration, right off of patternlab-config.json
Now, each plugin has an options configuration.
NEW PLUGIN: plugin-node-uiextension
The UI Extension plugin allows users to customize the Pattern Lab frontend style guide without having to fork the styleguide-assets-default repo. It is intended for styling overrides and navigation additions. If you need anything further, it's suggested that you fork the styleguide-assets-default repo and consume your own custom frontend.
Finally, you can...
- Add CSS to the PL frontend
- Add non-pattern links to the navigation
You can use a mockup of Pattern Lab on Codepen to alter the look and feel, and then export or append the compiled css back into pattern-scaffolding.css
, which is the default file to include into the main UI.
Above you can see a Pattern Lab light theme quickly created using the themer. Eagle eyes might also notice the additional links in the navigation.
This is also a good way to build custom pattern states and have their colors represented on the UI.
UPDATED PLUGIN: plugin-node-tab
I've updated plugin-node-tab to account for these new patterns, meaning configuration of tabs to add is now handled right on patternlab-config.json
instead of prompted postinstallation and stored inside a node_modules/ location.
CHANGELOG
for example, inside your patternlab-config.json
file...
"styleguideExcludes" : ["atoms/global"]
- ADD: Accept either case of styleguideExcludes | @bmuenzenmeyer
- ADD: Expose getSupportedTemplateExtensions | @bmuenzenmeyer
- CHG: Backported 3.0 improvement to plugin installation, supporting options right on
patternlab-config.json
| @bmuenzenmeyer - CHG: Use path.sep to match omitted directories | @carlosliu
- FIX: Race condition when loading starter kits | @tburny
UPGRADE INSTRUCTIONS
Follow the standard upgrade instructions.
EDITIONS
It's now suggested to use an edition with Pattern Lab Node. Editions package up core, shared frontend assets, and a means to communicate with the API.
- Edition Node Gulp
- Edition Node Grunt - less tested
UNIT TESTS/ASSERTIONS
1 unit tests/assertions was added this release for a total of 485
ROADMAP
I published a Pattern Lab Node 3.0 MEGA ISSUE a while back that is worth a gander.
Keep an eye on the milestones for a clearer understanding of where the project is going in the next few releases.
SUPPORT PATTERN LAB NODE
I've set up a Patreon account to directly support continued work on the Pattern Lab Node project.
I need help and support to make Pattern Lab Node a sustained success. I devote a lot of free time and would-be sleep to make the project what it is, but nothing compares to hearing back from users. It means the world to me when people find value in Pattern Lab Node. I am ridiculously humbled to hear and see what you all build with it.
If you find yourself here and balk and the idea of supporting open source software monetarily - I understand. Carry on, but please do share what you build - we all learn more together.
The Pattern Lab Node Team
- @bmuenzenmeyer Brian Muenzenmeyer, Lead Maintainer | Follow Brian on Twitter
- @geoffp Geoff Pursell, Core Contributor | Follow Geoff on Twitter
- @raphaelokon Raphael Okon, CLI Contributor | Follow Raphael on Twitter
- @tburny, Core Contributor