Where communities thrive


  • Join over 1.5M+ people
  • Join over 100K+ communities
  • Free without limits
  • Create your own community
People
Activity
  • 21:46
    mfranzke synchronize #1320
  • 21:43
    mfranzke edited #1320
  • 20:13
    mfranzke edited #1320
  • 18:01
    mfranzke edited #1320
  • May 01 04:48
    mfranzke review_requested #1321
  • May 01 04:48
    mfranzke ready_for_review #1321
  • Apr 30 21:00
    mfranzke edited #1321
  • Apr 30 20:59
    mfranzke edited #1321
  • Apr 30 20:57
    mfranzke edited #1321
  • Apr 30 20:55
    mfranzke synchronize #1321
  • Apr 29 14:59
    mfranzke edited #1320
  • Apr 29 13:39
    mfranzke synchronize #1321
  • Apr 27 07:30
    mfranzke opened #1321
  • Apr 26 15:32
    mfranzke edited #1319
  • Apr 25 20:04
    mfranzke edited #1319
  • Apr 25 20:03
    mfranzke edited #1319
  • Apr 25 20:00
    mfranzke synchronize #1319
  • Apr 25 19:59
    mfranzke edited #1319
  • Apr 25 19:57
    mfranzke synchronize #1319
  • Apr 25 19:47
    mfranzke edited #1319
Maximilian Leistner
@maxleistner

Hi. Got a BUG
I just updated to

and got the following error:

⊙ patternlab → serve: Serving your files …
Pattern Lab Node v5.14.0
Pattern Engine mustache: good to go
Pattern Engine twig-php: good to go
TypeError [ERR_INVALID_ARG_TYPE]: The "path" argument must be of type string. Received undefined

ERROR: missing an essential file from /Users/***/node_modules/@pattern-lab/uikit-workshop[object Object]. Pattern Lab won't work without this file.

Found plugin: plugin-node-uiextension

ahhh. always read the important stuff first ;) https://github.com/pattern-lab/patternlab-node/releases/tag/v5.14.0

Josef Bredreck
@JosefBredereck
@maxleistner please follow the instructions here https://github.com/pattern-lab/patternlab-node/releases/tag/v5.14.0
coreylafferty
@coreylafferty

@JosefBredereck question about the reordering in 5.14. Currently we name some of our folders with numbers, not so pattern lab will order them in a particular way but because we just want them to appear in a certain order in the overall folder structure going from most basic files to the most specific (e.g., /patterns/01-global, /patterns/02-layouts, /patterns/03-components, etc.). I created MD files for each of these folders to control the order in Pattern Lab, but it appears that the transition period for the numbered ordering is interfering with the naming of the MD files.

For example, I can't create a _01-global.md file and put 'order: 1' in it... I have to create a _global.md file for it to work. What will happen when the transition period is over, and do you know when that will be? At that point will changing the MD filename to _01-global.md work (which is what I'd expect)? Or is there a need for a change to be added now to support either filename during this transition period? We don't plan to remove those numbers from our folder structure even after the ordering is deprecated b/c we're naming them that way for a non-pattern lab related reason.

5 replies
Demir Delic
@demir-delic
Hi all, I'm dusting off the dependencies of a neglected project and upgrading patternlab-node from 2.12.0 (yikes) to 5.14.0. I've found https://github.com/bmuenzenmeyer/pl-migrate-example and hope it'll help with the migration to 3.0.0 - any other links or tips to make the migration less painful?
AdrianRichardson
@AdrianRichardson

Hi, I'm having trouble with pseudo-patterns when using engine-twig (Twing). The pseudo pattern is rendered as the YAML/JSON file, and does not use the twig template.

I've had a nose at the source code and, when rendering, pattern.relPath is used as the source file passed to Twing. However, when rendering a pseudo pattern, the value of pattern.relPath is the JSON/YAML file so the wrong thing is used for the template.

It looks like the required value is under pattern.basePattern.relPath when processing a pseudo-pattern. Changing https://github.com/pattern-lab/patternlab-node/blob/d18ddac58affb80c118dfb57dea9c2cd487c1e57/packages/engine-twig/lib/engine_twig.js#L133 to var patternPath = pattern.basePattern ? pattern.basePattern.relPath : pattern.relPath; seems to fix it.

6 replies
Anton Bannikov
@Ant0ny

Hello. I run 'gulp' command and get error:

$ gulp
Pattern Lab Node v5.14.0
Pattern Engine mustache: good to go
Pattern Engine twig-php: good to go
TypeError [ERR_INVALID_ARG_TYPE]: The "path" argument must be of type string. Received type undefined

ERROR: missing an essential file from /mnt/c/OpenServer/domains/ll.local/web/themes/custom/ll_theme/node_modules/@pattern-lab/uikit-workshop[object Object]. Pattern Lab won't work without this file.

[21:47:52] Using gulpfile /mnt/c/OpenServer/domains/ll.local/web/themes/custom/ll_theme/gulpfile.js

Who knows how to fix?

1 reply
Rikke Perriard
@perriard
Morning! Has anyone got any tips for localization in PL? I'm using the twig engine and have looked a bit at the twig trans filter, but i'm wondering if there are any better alternatives?
gccervone
@gccervone
Hi - new to this forum. I have a patternlab setup that I inherited rather than setup from scratch. It is working well, but I am having trouble with onlick events in the resulting page code. Other js code runs without trouble but any onclick events seem to get swallowed up and are not carried out. I'm having trouble finding docs about it or even any other information about it from any source. Sorry if this has been asked before but I couldn't find it in he search. Thanks in advance for any help…
1 reply
thomic
@thethomic
Hi there!
When I hide patterns with the hidden frontmatter key in the .md file, all connected pseudo-patterns are also hidden.
Is that by design?
How could I change that?
Best regards!
6 replies
thomic
@thethomic

Hey there!
How do I disable the browser auto reload on css change?
I already added the watch parameter in the build function,but that doesn't seem to have an effect.
function build() { return patternlab .build({ watch: false })

Thanks and best regards!

7 replies
Unbound Web Design
@JaiDoubleU
@JosefBredereck Can you tell me if the menu ordering is working correctly now in patternlab node v5.14.0? Specifically, I need the top menus to be ordered as it was before (atoms, molecules, organisms, templates, and pages) rather than alphabetically. I don't see a way to do that now. Please advise. Thanks in advance.
Maximilian Franzke
@mfranzke
@JaiDoubleU the previous ordering by adding a number prefix at the filename is deprecated (but should still work for now) and being replaced by defining those numbers within related .md files, see https://patternlab.io//docs/reorganizing-patterns/ - we‘re actually still facing some edge cases where ordering doesn‘t work work perfectly for now (compare to pattern-lab/patternlab-node#1282), but that shouldn‘t stop you from using the new mechanism for your use case.
Unbound Web Design
@JaiDoubleU
My Apologies...I was missing the underscore prefix on my .md files. I assumed the feature wasn't working, but is working now. Thank You
Ben Sheridan-Edwards
@BenSheridanEdwards

Hi Patternlab,

I'm looking to deeply nest my .mustache files, for example molecules/content/tiles/assignment-tile.mustache.Reading through the documentation I saw that adding deeplyNested: trueto my assignment-tile.md file might allow the .mustache file to deeply nest. But it doesn't, it remains at the /content level. I've also tried adding "allPatternsAreDeeplyNested": true to my patternlab config file and this didn't work either. Can you help?

Josh Perrin
@joshperrin
Looking for some help, can't figure out what I'm doing wrong, when I try to install pattern-lab/node I use the command npm create pattern-lab
I get the following error
'npm WARN ERESOLVE overriding peer dependency 'npm WARN Found: webpack@4.46.0 'npm WARN node_modules/webpack 'npm WARN webpack@"^4.41.2" from @pattern-lab/uikit-workshop@5.14.0 'npm WARN node_modules/@pattern-lab/uikit-workshop 'npm WARN @pattern-lab/uikit-workshop@"^5.14.0" from @pattern-lab/edition-node@5.14.0 'npm WARN node_modules/@pattern-lab/edition-node 'npm WARN 7 more (babel-loader, clean-css-loader, copy-webpack-plugin, ...) 'npm WARN 'npm WARN Could not resolve dependency: 'npm WARN peer webpack@"^3.1.0" from no-emit-webpack-plugin@1.0.0 'npm WARN node_modules/no-emit-webpack-plugin 'npm WARN no-emit-webpack-plugin@"^1.0.0" from @pattern-lab/uikit-workshop@5.14.0 'npm WARN node_modules/@pattern-lab/uikit-workshop 'npm WARN deprecated har-validator@5.1.5: this library is no longer supported
5 replies
Josh Perrin
@joshperrin
I was able to resolve the issue by updating my X-Code command line developer tools
Stefan Bauer
@StfBauer

I am currently running pattern lab on node 12 everything build perfectly the first time but
Omitting atoms-colors from styleguide patterns because it is marked as hidden within it's documentation. Built Pattern Lab front end Pattern Lab is watching for changes to files under ./source/ Pattern Lab is being served from http://127.0.0.1:3000

I am stuck into this and when I change something like a style file in the source folder - It seems like it is watching but don't update the styles automatically. Thanx for support.

8 replies
Josef Bredreck
@JosefBredereck
Release v5.14.1 is live and has hopefully fixed some issues.
2 replies
Stefan Bauer
@StfBauer
Is there any guidance around how to use pattern-lab with https? - Was looking but couldn't find anything - Thank you in advance.
4 replies
Rikke Perriard
@perriard
Thank you @JosefBredereck :-) Your dedication and work is very much appreciated! I just wanted to say that :-)
Maximilian Franzke
@mfranzke
totally agreed to what @perriard said - just received a whole lotta emails with so many resolved tickets. Thanks a lot for that !!!
coreylafferty
@coreylafferty
Definitely agree with the above -- thank you!
coreylafferty
@coreylafferty
The new release has fixed the ordering problems I'd run into earlier. Thank you!! Everything looks right when PL compiles, but I am seeing a new error message with 5.14.1. I believe it only triggers when there is a twig file in one of the main directories (e.g., components/test.twig vs components/test/test.twig). I can probably move these files into subdirectories, but should it work without doing that? Here's an example of the error (triggered by file 05-templates/page.twig).
There was an error setting pattern subgroup data after markdown parsing for source/_patterns/05-templates/_.md
Error: ENOTDIR: not a directory, open '/app/source/_patterns/05-templates/page.twig/_.md'
3 replies
Josef Bredreck
@JosefBredereck
Thank you guys, don't you have a weekend at some point 😅
Tamás Hajas
@thamas_gitlab
In a new project the web/themes/custom/particle/dist/app-node-pl/pl/patterns folder, where the generated component demos should be found is empty, so PL shows 404 only. Another project with the same(?) codebase works fine. I have no idea what the problem could be. Do you have any suggestion on what to check? (Using – a customised – particle 10.5.0 with node 10.18.1 and npm 6.14.5.)
1 reply
Vinoth K
@vinothk:matrix.org
[m]
And also i am getting some deprecation warning message
Please advise me how we can fix this issue?
Stefan Bauer
@StfBauer
Does someone of you have any idea what this error causes?
Assertion failed: (0), function uv_close, file ../deps/uv/src/unix/core.c, line 174.
11 replies
Stefan Bauer
@StfBauer
Is there a way to have custom theme switcher. Let's say I have all the same patterns in one patternlab instance but want to dynamically change the overall colors of the style sheets?
angeenes
@angeenes
@StfBauer , there is the theme switcher button on the sidebar witch toggle light/dark theme. You could had your own switcher with a Javascript button to switch between several css variables files contianing your colors.
angeenes
@angeenes
In this file "patternSectionSubgroup.mustache" inside an uiKit, there is "{{{ patternDesc }}}", where is this data suppose to come from ? Is it a Title inside an .md file ? I tries several things, I'm never able to show anything. There is also "{{ patternName }}" with display the file name, anyway to change this data to overide the filename ? In an .md file for example. ( I am on patternLab Version: 5.14.1 and node v14.15.5.
Krzysztof Węgiel
@kwegiel
Is there a module/way to show some components/views only for logged in users, so something like a simple authentication?
2 replies
Maximilian Franzke
@mfranzke
... or even server side rules for HTTP Auth, like some rules in the apache regarding specific pattern path.
Stefan Bauer
@StfBauer
image.png
This is actually related to Assertion issue above. Still yet unsure how to solved this
Unbound Web Design
@JaiDoubleU
@StfBauer, I managed to get my dark/light stylesceets working by adding a change listener on the existing theme switcher buttons in PL. That listener executes a basic function that toggles the “alternate” atribute between my two (dark and light) stylesheets. Im sure there are otger ways of doing this, but thats how I did it. Hope that helps.
Maximilian Franzke
@mfranzke
Thanks a lot for your feedback - we‘re currently doing a lot of dependency update work (pattern-lab/patternlab-node#1301), some of them have already been merged and might even be a quick win. Fingers crossed!
michaelprflores
@michaelprflores
Can anyone share a tutorial on getting Sass compilation setup in Patternlab project please? Thanks in advance.
4 replies
ray87
@ray87
Hey everyone, I've problems using patternlab-node with engine-twig. When running serve, changing some files, it builds automatically, but it doesn't render HTML files. The UI shows old version of the rendered versions, but new version of twig-file. After running build by myself it also updates rendered files. Using LogLevel "debug" has the same output on serve and manual build. With engine-twig-php it works with same basic pattern-lib. Anyone already had that problem and has a solution ?
9 replies
bhupesh-git
@bhupesh-git
Hello everyone, I am trying to create a new atom using pattern-lab node, it is working however, the styles are not picked up. Not able to use styles with my newly created atom. please let me know what should I do?
1 reply
Rikke Perriard
@perriard
Hi everyone - I'm having trouble using the ignore paths in serverOptions in patternlabConfig. It just doesn't seem to ignore ie. my fonts - and it would be a lot faster to work with, if it didn't copy unnecessary files. Can anyone give me some hints?
7 replies
Stefan Bauer
@StfBauer
On the Bolt Design System on the patternlabs logo was changed to the bolt design logo. Is there any option to exchange the logo up there? haven't found any so far.
10 replies
Stefan Bauer
@StfBauer
Just in case if someone is interested. Over the last couple of weeks I was working on the first release of a custom UI Framework named hTWOo that implements Microsoft Fluent Design using pattern lab. The site went live today:
Maximilian Franzke
@mfranzke

Just in case if someone is interested. Over the last couple of weeks I was working on the first release of a custom UI Framework named hTWOo that implements Microsoft Fluent Design using pattern lab. The site went live today:

great work, thank you !!

Vinoth Krishnan
@vinothcascade_gitlab
Getting error message in command prompt - The "path" argument must be of type string -
after configure from gulp
1 reply
Using patternlab Twig 5.14.2 version
Node also latest version
Stefan Bauer
@StfBauer
Is there some plugin that allows me to do accessibility check just like storybook does?
5 replies
Maximilian Franzke
@mfranzke
As node version 10 has reached its „end of life“ at the end of april, we could switch to 12, as I‘ce just recognized it at several prominent open source libraries these days - I could bring in a change request for changing all .nvmrc files that still include node version 10. what do you think ?
2 replies