Public space for collaborators and maintainers to talk about hacking on Pattern Lab
@mbulfair awesome!
(including Gulp and Webpack)
those plugins/loaders don’t work with webpack 4 sadly
But there’s better alternatives now
@bmuenzenmeyer A quick question I thought about yesterday: What would be the minimal way to realize a
workshop / storefront example with the current alpha, where the only difference is in the states that are rendered (excludedPatternStates). Will I still have to create my own uikit-fork of workshop or your bare example? Or is there a quicker way?
since its completely functional
change the name and config and you should be off to the races
Ah yea, btw. our own plugin broke with the upgrade to the current alpha. Something about
fs path resolution for a folder called "plugin-", which doesn't work. Had no time to look at that, yet, either :/ Maybe some convetion(s) changed? Saw the comments about postinstall, but we've found a workaround for that
Cool, sounds great! Will toy with that, too :)
Thanks a lot for your (continuing) work, btw!
and thanks
and thanks for the additional info the other day regarding the assetWatcher
I missed this. Guess maybe that comment was directed at me. Now that Matt's close to a Webpack v4 iteration, I will look again at the PL3 integration. I'll start by pulling in the branch with the modified server.js. But I'd like to take some time to look at Matt's changes, too.
Am I right in assuming that
Looks mostly the same, but there are additional / new files like
uikit-workshop is an evolution of styleguidekit-assets-default? We already have one of those customized for our needs. Anything to watch out for when just using that? Are there known differences?Looks mostly the same, but there are additional / new files like
clipboard.min.js in uikit-workshop.
pattern-lab/patternlab-node#859
@Josh68 https://github.com/Comcast/patternlab-edition-node-webpack/tree/latest I have not spent time updated any of the documentation, so any new things I've added aren't there. Some highlights are I added a sample addon file for those wanting to do SCSS loader and extraction. It's a highly requested question. I added some new options in the pl-config to easily make changes. And you can now on demand in build/serve clear the public folder, no matter what is in the config.
if I have anything I think is worthwhile adding to docs for thick-skulled folks like me, I'll suggest
As if it’s not telling webpack it’s completed
indeed
will figure out what min versions to change (at least
copy-webpack-plugin) and to a PR. Once I did everything fresh, ran without error
@Josh68 @bmuenzenmeyer I’ve pushed updates to https://github.com/Comcast/patternlab-edition-node-webpack/tree/latest it works now on MAC/PC, just make sure you clear node_modules to get the webpack 4 supported versions.
Hi. I want to know if there is a solution to async css files with paternlab. I used version 2.6.0. I've a file named getAssets.functions.php which send css element in header but i want to know if there is a solution to separate differents files (boostrap first, then all css used by molecules and organisms) without the website who charge a blank page during the time css was charged (I try to make script defer with call of css file in this case). Thanks in advance for the help.
I just started using the node version of Pattern Lab within a Drupal theme and when I try to use my drupal path to load pattern lab (i.e. drupal-local-domain/themes/custom/my_theme/patternalb), I get the following error message in my console: Uncaught (in promise) Error: Loading chunk 2 failed.
(error: http://drupal-local-domainstyleguide/js/2-chunk-e309c72e0e8f5783df94.js)
at HTMLScriptElement.onScriptComplete (patternlab-viewer.js:115).
Pattern Lab loads properly on its own under localhost but need to be able to load it as part of my drupal site for server testing purposes. I'd appreciate your input or some guidance.
(error: http://drupal-local-domainstyleguide/js/2-chunk-e309c72e0e8f5783df94.js)
at HTMLScriptElement.onScriptComplete (patternlab-viewer.js:115).
Pattern Lab loads properly on its own under localhost but need to be able to load it as part of my drupal site for server testing purposes. I'd appreciate your input or some guidance.
A Twig for Js version exist...
@Flywall I recently updated
@pattern-lab/engine-twig with the Twing library (https://nightlycommit.github.io/twing/). You can try it since version 5.8.0 of that package. There are still some issues with it, which I hope to fix soon.
Hi All,
I've got a patternlab node implementation that uses a custom bootstrap theme that includes light and dark versions. Is there any way of leveraging the light/dark theme switcher in patternlab to toggle between a light and a dark stylesheets I've proven I can toggle between light and dark stylesheets using a value in my data.json, but I'd like to be able use the currently selected patternlab theme. Any thoughts or ideas on how I might do this would be greatly appreciated.
I've got a patternlab node implementation that uses a custom bootstrap theme that includes light and dark versions. Is there any way of leveraging the light/dark theme switcher in patternlab to toggle between a light and a dark stylesheets I've proven I can toggle between light and dark stylesheets using a value in my data.json, but I'd like to be able use the currently selected patternlab theme. Any thoughts or ideas on how I might do this would be greatly appreciated.
I need few minutes from your precious time to help me, I am getting the following warning
A pattern file: brand\global\organisms\text\headings.hbs was found greater than 3 levels deep from ./source/_patterns/.
It's strongly suggested to not deviate from the following structure under _patterns/
[patternGroup]/[patternSubgroup]/[patternName].[patternExtension]
or
[patternGroup]/[patternSubgroup]/[patternName]/[patternName].[patternExtension]
Is there anyway to go above 3 level deep from ./source/_patterns/?
i.e [patternGroup]/[patternSubgroup]/[patternSubgroup]/[patternSubgroup]/[patternName].[patternExtension]
2 replies